nginx刷新显示404

8月前作者：小麟School 分类：Toy博客阅读(33) 违法举报

这篇具有很好参考价值的文章主要介绍了nginx刷新显示404。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

nginx部署完项目后，访问时刷新后就会出现404的报错界面(没有配置情况下，而且不是首页根目录刷新)

当重新访问首页后，又恢复正常，只要一刷新就会出现这个问题。这是为什么呢？

其实很简单就是你的nginx配置上没有添加重定向跳转。

报错原因

因为web单页面开发模式，只有一个index.html入口，其他路径是前端路由去跳转的，nginx没有对应这个路径，当然就是404了。

解决的方式很简单，就是在我们的代理映射处，配置下面这段代码即可成功搞定，不再出现404！

配置完后重启nginx服务即可正常的刷新访问了

#在配置中加上try_files，意思跟翻译差不多，“尝试读取文件”。

try_files $uri $uri/ /index.html =404;

nginx 404,Web,nginx,运维

try_files 表示的是检查文件是否存在，就是指的在每次匹配URL路径的时候，找不到对应的静态资源的时候自动跳转到index.html文件。

还有另外一种404的错误，那就是nginx访问的文件权限问题。

比如，你访问的路径，他要的权限是root权限，而我们启动nginx的权限是普通用户权限，则会因为权限不错，导致无法正常访问。

说明

为什么刷新页面会出现这种情况

如：http://192.168.0.180:8080/index.html ，此时刷新页面的时候回去根据浏览器的url，访问nginx上请求对应的静态资源，而nginx会根据localhost / 的匹配规则在dist文件夹里面没有找到对应的静态文件index，所以就会报错404。

大致就是这样的情况，如有问题欢迎留言交流。文章来源地址https://www.toymoban.com/news/detail-761653.html

到了这里，关于nginx刷新显示404的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

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

问题： Vue项目打包部署Nginx服务器后，刷新页面后出现404的问题。原因：加载单页应用后路由改变均由浏览器处理，而刷新时将会请求当前的链接，而Nginx无法找到对应的页面。解决：在Nginx配置文件nginx.conf中加入如下配置： try_files $uri $uri/ /index.html; # 变量解释 try_fil

2024年02月12日
浏览(35)
微信云托管（本地调试）⑥：nginx、vue刷新404问题

1.1、默认配置文件路径： /etc/nginx/nginx.conf 或 /home/centos/nginx/conf/nginx.conf 1.2、默认资源路径：/usr/share/nginx/html/index.html （注意配置中的：include /etc/nginx/conf.d/*.conf; 里面包了一个server配置文件） COPY ./nginx.conf /etc/nginx/nginx.conf COPY --from=nodeBuild /y-qd/dist /usr

2024年02月14日
浏览(34)
使用nginx方向代理部署Vue项目刷新页面404的问题解决

部署出现的问题为：由于项目中使用的vue router 项目直接使用node环境部署项目，在同一个路由如: 192.168.1.30:/home刷新浏览器正常 nginx部署刷新不出现404 /nginx not found 如何解决？以下是我的想法：似乎是nginx代理使其直接访问文件，而没有使项目的路由生效从而正确加载资源这

2024年02月07日
浏览(41)
nginx 部署vue项目，页面白屏或者页面刷新出现404问题

将vue项目打包部署到nginx上面运行问题一：运行时页面白屏。问题二：页面可以正常显示，当刷新页面的时候页面报404 错误。页面白屏分析：我们可以先查看一下nginx下的 logs/error.log 日志文件，确定我的问题是因为项目打包时候路劲配置问题。页面404分析：我们在将

2024年02月15日
浏览(28)
nginx 部署vue项目，路由模式为history时，页面刷新404问题

nginx部署vue项目，文件放在html下的dist文件夹中 nginx.conf 文件中，server 里配置文件的位置、请求跨域等信息在启动项目后因为配置的是root，首先是找不到html下面的sys-test文件夹，再经过配置修改为alias配置后，刷新又会报404错误，最终配置为如下，成功解决因为打包部署后，

2023年04月08日
浏览(40)
前后端分离用nginx做代理服务器，刷新页面报404 解决方法

情况一在nginx配置文件中加上一句话，作用就是nginx代理时候找不到页面会尝试访问这个指定页面，而前端vue项目的话，页面正好是有vue自己进行管理，所以就不会报错了 location /{ alias /var/www/html/; index index.html abc.html; tr

2024年02月09日
浏览(36)
安装Windows版nginx以及部署前端代码并就解决刷新出现404

（1）下载地址：https://nginx.org/en/download.html （2）建议选稳定版下载（3）下载好后，直接解压即可（1）启动nginx时，使用命令进行操作；不要直接双击nginx.exe，在nginx根目录下直接输：cmd。启动时会一闪而过是正常的（1）启动nginx：start nginx ①启动后查看任务进程是否存在

2024年02月04日
浏览(32)
Nginx笔记-vue项目刷新出现404（try_files和index）

目前的nginx.conf配置：部署是成功了，但是有个问题，就是感觉整个前端不会找uri，按F5或者在浏览器输入url都会404，只从vue默认的地方进，才行。解决方法：原因： index index.htm index.html; index 就是根目录，也就是只识别“/”结尾的，输入不存在或者刷新页面的路径就直接报

2024年02月09日
浏览(33)
404 not found nginx（dist打包后，刷新和跳转都是404 not found nginx的问题）解决方案（打包发布在服务器）

当我们执行了yarn run build之后，生成dist文件我们将代码放入nginx-1.24.0下面的html中然后我们就配置conf文件下的nginx.conf 配置方面不介绍了，主要问题是因为没有加这句话问题分析 index index.htm index.html; index 就是根目录，也就是只识别“/”结尾的，输入不存在或者刷新页面

2024年02月08日
浏览(34)
服务器部署—若依【vue】如何部署到nginx里面？nginx刷新页面404怎么办？【完美解决建议收藏】

服务器部署项目我们大家都会遇到，但是有些铁子会遇到很多的问题，比如前端部署nginx如何操作？前端有单纯的静态页面、还有前后端分离的项目；这里博主直接分享最牛最到位的前后端分离项目的前端部署到nginx上面，以若依项目【springboot+vue】为例，实现将前端部署到

2024年02月03日
浏览(45)