当前位置: 首页 > 后端技术 > Node.js

vue刷新404

时间:2023-04-03 16:40:41 Node.js

1.问题描述使用vue-route结合webpack写了一个单页面路由项目,运维协助配置了服务端的nginx。部署完成后,访问首页没有问题,从首页打开二级页面也没有问题,但是所有二级页面打开后再次刷新,会出现404现象!2.问题原因:在服务端找不到刷新页面时访问的资源,因为vue-router设置的路径不是真实路径。3、解决方法:在nginx的配置中添加vue-route的跳转设置(这里的首页是index.html,如果是index.php,则在下方相应位置替换),并正确配置如下location/{try_files$uri$uri/@router;indexindex.html;}location@router{rewrite^.*$/index.htmllast;}