vue在history模式下页面刷新子路由出现404？

Question

我看若依框架用的是history模式，而且刷新之后还能在当前子路由页面，看似对页面进行了持久化，但是在浏览器的storage和cookie中都没有看到它存储数据，这是用的什么方式？

Answer 1

RuoYi 的前端部分刷新之后是添加了 loading 的，保证后端返回的动态路由表全部加载完成。

具体可以看这个文件 ruoyi-ui/src/permission.js · 若依/RuoYi-Vue - 码云 - 开源中国，可以看到是通过 beforeEach 的钩子把动态路由表载入进来，全部完成之后才执行的 next() 所以在 addRoutes 完成之前就会一直卡在跳转状态。

Answer 2

如果是部署在服务器上需要配置中间件比如nginx。

location / {
  try_files $uri $uri/ /index.html;
}

具体可以参考 官方文档
https://v3.router.vuejs.org/z...