vue的路由工作模式

217 阅读1分钟

hash模式

image.png

在#后面的就是哈希值,它的好处是在使用的时候不会包含在http请求中,后端只会接收到#前面的地址访问。

history模式

默认的vue-router就是hash模式,如果需要更改需要配置

const router = new VueRouter({
    mode:'history', // 现在是history模式
    routes:[{...}]
    })
  • history没有#号,比较美观
  • history的兼容性略差于hash
  • history模式需要后端对返回来的地址进行匹配,分辨出哪些是前端路由,哪些是后端路由,否则会出现静态资源访问的问题(刷新后404)。
  • 后端解决history问题方法:正则、插件、nginx