解决nginx部署前端项目后刷新浏览器报错404的问题

问题：

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

原因：

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

解决：

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

try_files $uri $uri/ /index.html;
  
    
    
    
    

 

 

转载于：https://blog.csdn.net/qq_39115469/article/details/108467393