前后端项目，nginx部署前端项目后刷新浏览器报错404的问题-CSDN博客

问题：

Vue单页应用项目打包部署Nginx服务器后，刷新页面后，出现404。

原因：

加载单页应用后路由改变均由浏览器处理，而刷新时将会请求当前的链接，而Nginx无法找到对应的页面。

解决：

在Nginx配置文件nginx.conf中加入如下配置。(index.html根据实际页面配置)

       location / {
        root /www/tmp/dist-view;#项目存放地址
        try_files $uri $uri/ /index.html;
    }