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

奋斗男孩12138

于 2023-12-15 11:32:39 发布

阅读量427

点赞数

文章标签：前端 nginx javascript

本文链接：https://blog.csdn.net/qq_58772217/article/details/135013410

版权

问题：

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

原因：

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

解决：

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

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

关注