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

发布时间:2023年12月17日

问题:

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

原因:

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

解决:

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

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

?

?

文章来源:https://blog.csdn.net/qq_58772217/article/details/135013410
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。