VUE的history模式下除了index外其他路由404报错

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VUE的history模式下除了index外其他路由404报错相关的知识,希望对你有一定的参考价值。

location /
index index.html;
root /dist;
try_files $uri $uri/ /index.html;

try_files首先会判断他是文件,还是一个目录,结果发现他是文件,与第一个参数 $uri变量匹配。
然后去到网站目录下去查找文件是否存在,如果存在直接读取返回。如果不存在直接跳转到第三个参数.

现在不明白的是既然跳到了index为什么显示的还是路由后的界面

以上是关于VUE的history模式下除了index外其他路由404报错的主要内容,如果未能解决你的问题,请参考以下文章

Vue路由History模式打包后页面空白,刷新404

vue路由在多级页面下,页面刷新空白(history模式)

vue3 history模式下 子路由刷新引入文件找不到

vue hash和history打包

vue-router的history模式发布配置

解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题