vue刷新某个路由就404了是不是服务器还要配置什么

发布网友发布时间：2022-04-29 00:58

我来回答

共3个回答

懂视网时间：2022-04-22 15:11

本篇文章给大家带来的内容是关于vue刷新404的问题解决方法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1、问题描述

利用vue-route结合webpack编写了一个单页路由项目，运维协助在服务器端配置nginx。部署完成后，访问首页没问题，从首页里打开二级页面没问题，但是所有的二级页面打开后，再次刷新，就会出现404现象！

2. 问题原因：

刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。

3. 解决方法：

在nginx配置里添加vue-route的跳转设置（这里首页是index.html，如果是index.php就在下面对应位置替换），正确配置如下

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

location @router {
 rewrite ^.*$ /index.html last;
}

本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的JavaScript教程视频栏目！

热心网友时间：2022-04-22 12:19

直接访问url会被http server直接解析到该文件路径，但是spa的路由是虚拟的，并不能直接找到这个file，所以会404；
需要把所有的请求全部指向（不知道这么说是不是准确）index，然后让js的router解析url， nginx 需要配置 try_files $url /index.html

具体可以参考下 vue-router的文档，这一章HTML5 History 模式讲到了这个问题，最近开发react spa的时候也遇到了同样的问题，都是因为spa中的路由是js渲染组件的配置，和真实浏览器中访问的url不是一回事

热心网友时间：2022-04-22 13:37

是在哪个时代

vue刷新某个路由就404了 是不是服务器还要配置什么

vue刷新某个路由就404了是不是服务器还要配置什么