Nginx 代理前端页面刷新404

Nginx 代理前端页面刷新404

木子李 231 2021-11-15

1. 404原因

VUE项目常见使用动态路由,但是对于nginx来说无法直接找到路由路径

2. 解决方案一

nginx.conf配置前端代理location当中添加try_files $uri $uri/ /index.html;

3. 解决方案二

将VueRouter中的mode: 'history'删除,然后重新打包前端项目部署

注意:访问路径中会出现一个#号

强烈推荐使用解决方案一