Skip to content

路由器的两种工作模式

1.对于一个url来说,什么是hash值, —— #及其后面的内容就是hash值。

2.hash值不会包含在http请求中,即hash值不会带给服务器。

3.hash模式:

  1. 地址中永远带#号,不美观

  2. 若以后将地址通过第三方手机app分享,若app校验严格,则地址则被标记为不合法。

  3. 兼容性较好。

4.history模式

  1. 地址干净,美观。
  2. 兼容性和hash模式相比略差。
  3. 应用部署上线时需要后端人员支持,解决刷新页面服务端404问题。

nodeJS解决刷新问题

使用 connect-history-api-fallback

如何切换工作模式

路由器配置文件夹下的路由配置

JavaScript
// 创建并暴露一个路由器
export default new VueRouter({
    mode:'history',
    // 注意单词的拼写
    routes:[
        {
            path: '/links',
            // 组件的名字
            component: Links
        }
    ]
})

修改mode配置项即可