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

问题:

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

原因:

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

解决:

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

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

 

 前后端项目,nginx部署前端项目后刷新浏览器报错404的问题_第1张图片

你可能感兴趣的:(前端,nginx,javascript)