1 Hash模式 浏览器默认开启的就是hash模式
特点
url路径有# 看上去不是很美观
#之后写的内容不会传给服务端
2 history模式
特点
没有 # 较为美观
兼容性较hash模式差(较差)
3 涉及到重要项目上线的问题
history模式vue项目打包文件之后 npm run build 出现dist包,里面就是单页面 index.html ,部署项目之后 我们点击路由 不会发生错误 但是如果刷新就会显示404,因为 他会将 / 后面的路径当做资源发送给服务器,而普通的hash模式就不会出现此问题。
有解决办法:
需要后端人员进行验证匹配。前端路由和后端路由或使用Nginx。