Vue-Router路由模式hash和history的区别

区别	hash	hisoty
#	路径中有	路径中没用
二次刷新	不会报错	会报404

hash模式如何设置？

默认就是，不用设置。

hisoty模式如何设置

在vue-cli->src>router>index.js>

new Router({
mode:'history',//这里是模式设置，就这么简单
//如果部署在二级目录，要写默认地址
base:'/二级目录'
})

这就完成了，是不是不相信这么简单
当然不是这么简单，打包挂到服务器后面还会出现一个问题：
二级路由页面由主页面点击进去没用问题，
但是进去之后你要在刷新你试试
是不是报了给404

hisoty模式二次刷新会报404的原因

其实你仔细想一些就觉得，那二次刷新报404，那直接写二级要访问的目录会不会报错？

你真聪明，还是会。这是什么原因呢？
首先那就要了解一下404，表示路径丢失未找到
那为什么自己写没找到，而从主页面跳过去他就能找着呢？
是因为你长得丑，所以不行吗？哈哈哈，开个玩笑，当然不是
那是因为啥嘞？
问的好，其实大概是因为vue-router创建的是虚拟路径。
只有跳转的时候才会自己创建，但是你直接条在地址栏输入不会出来，这就是history的缺点，这个问题使用hash模式可以完美解决。

history模式二次刷新报404的解决方案

好，既然我们知道了会报这个错误，也知道了报这个错误说明路径没找着。
但是又知道他从根目录跳转过去能找着。所以你明白怎么解决了把！

解决方案就是从后台获取到404的响应(response)然后做重定向处理，重定向让他跳到根目录发现找到了根目录的页面。
然后在通过根目录页面写的跳转事件，在跳转到二级目录，发现成功了。
所以这就是一个解决方案。

具体要在后端服务器操作