参考 Vue项目布署后,刷新页面404的真正原因找到了-CSDN博客
为什么会出现404
在dist文件夹中只有一个html页面,及一些静态资源,这个是因为Vue
是单页应用(SPA),只有一个index.html
作为入口文件,其它的路由都是通过JS来进行跳转。
解决办法
在nginx中把任意页面都重定向到 index.html,把路由交由前端处理。
在nginx中添加如下配置
location / {
try_files $uri $uri/ /index.html;
}
参考 Vue项目布署后,刷新页面404的真正原因找到了-CSDN博客
在dist文件夹中只有一个html页面,及一些静态资源,这个是因为Vue
是单页应用(SPA),只有一个index.html
作为入口文件,其它的路由都是通过JS来进行跳转。
在nginx中把任意页面都重定向到 index.html,把路由交由前端处理。
在nginx中添加如下配置
location / {
try_files $uri $uri/ /index.html;
}