hash模式
在#后面的就是哈希值,它的好处是在使用的时候不会包含在http请求中,后端只会接收到#前面的地址访问。
history模式
默认的vue-router就是hash模式,如果需要更改需要配置
const router = new VueRouter({
mode:'history', // 现在是history模式
routes:[{...}]
})
- history没有#号,比较美观
- history的兼容性略差于hash
- history模式需要后端对返回来的地址进行匹配,分辨出哪些是前端路由,哪些是后端路由,否则会出现静态资源访问的问题(刷新后404)。
- 后端解决history问题方法:正则、插件、nginx