Vue-Router路由的两种工作模式

1 Hash模式 浏览器默认开启的就是hash模式

特点

url路径有# 看上去不是很美观

#之后写的内容不会传给服务端

2 history模式

特点

没有 # 较为美观

兼容性较hash模式差（较差）

3 涉及到重要项目上线的问题

history模式vue项目打包文件之后 npm run build 出现dist包，里面就是单页面 index.html ,部署项目之后 我们点击路由 不会发生错误 但是如果刷新就会显示404，因为 他会将  / 后面的路径当做资源发送给服务器，而普通的hash模式就不会出现此问题。

有解决办法：

需要后端人员进行验证匹配。前端路由和后端路由或使用Nginx。