Vue项目build出dist文件夹上传服务器部署后，在浏览器刷新时出现404问题的原因及解决

参考 Vue项目布署后，刷新页面404的真正原因找到了-CSDN博客 

为什么会出现404

在dist文件夹中只有一个html页面，及一些静态资源，这个是因为Vue是单页应用(SPA)，只有一个index.html作为入口文件，其它的路由都是通过JS来进行跳转。

解决办法

在nginx中把任意页面都重定向到 index.html，把路由交由前端处理。

在nginx中添加如下配置

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