术语 · 前端

路由

Routing

把网址和页面对应起来的规则,决定访问某个地址时看到什么。

网址和页面一一对应

路由表

/首页

/blog博客

其他404

一条路径,一个页面
地址变,视图跟着换
路由是一张对照表:地址栏是哪条路径,就渲染哪个页面。

换个角度想

路由像酒店前台的房号表:/about 对应 203 房,/blog 对应 305 房。客人报房号,前台带去对应的房间;报了不存在的房号,就得到一句「查无此房」——这就是 404。

换一个地址,会打开哪一页?

  1. 文件即路由

    index/

    blog/blog

    about/about

  2. /blog

    查路由表 → 博客页

  3. 匹配到 · 渲染
    没匹配到 · 兜底

用户点链接或输入网址

什么时候会遇到它

  1. 组织页面

    首页、列表、详情各占一个路径,项目的文件结构常常就是路由。

  2. 可分享链接

    每个内容有自己的网址,用户可以直接收藏或转发。

  3. 兜底 404

    访问不存在的路径时,给用户一个明确的出口,而不是白屏。

想一想

用户说「详情页一刷新就 404」,但从首页点进去是好的。大概哪里出了问题?

看答案

从首页点进去走的是前端跳转,路径在浏览器里被匹配;直接刷新时请求打到了服务器,而服务器上没有这条路径的规则,于是 404。解法是让服务器把这类路径交回给前端路由处理。

最容易踩的坑

路径是接口,也是承诺:改路由等于改掉别人收藏的链接。上线后调整路径,记得留下重定向。

⌘K搜索知识库

最近收录

正在载入知识索引…