vue刷新404的问题解决办法

本篇文章给大家带来的内容是关于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教程视频栏目！

以上就是vue刷新404的问题解决办法的具体内容，更多请关注百分百源码网其它相关文章！