Nginx 访问静态资源报错404 Not Found 的问题解决过程

最新推荐文章于 2025-07-03 09:48:22 发布
最新推荐文章于 2025-07-03 09:48:22 发布
阅读量5.2k 收藏 1
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hfdgjjg/article/details/86711629
本文详细介绍了如何排查和修复静态资源访问时出现的404错误，通过调整iptables配置，解决了因多余OUTPUT记录导致的HTTP请求被拒绝的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

               

 

 

1、静态资源访问报错404：

[nginx@dev_121_21 tmp]$ wget  http://bsstatic.powerlong.com/commonStatic/css/merchant_patch.css

 

--2016-11-22 18:18:28--   http://bsstatic.powerlong.com/commonStatic/css/merchant_patch.css

 

正在解析主机 bsstatic.powerlong.com... 192.168.121.91

 

正在连接 bsstatic.powerlong.com|192.168.121.91|:80... 已连接。

 

已发出 HTTP 请求，正在等待回应... 404  Not Found

 

2016-11-22 18:18:28 错误 404：Not Found。

 

 

 

[nginx@dev_121_21 tmp]$

 

telnet端口是OK的

[root@dev_121_21 ~]# telnet  bsstatic.powerlong.com 80

 

Trying 192.168.121.91...

 

Connected to bsstatic.powerlong.com.

 

Escape character is '^]'.

 

 

 

 

 

2、查看iptables状态，有多余的output记录

[root@dev_121_21 ~]# service iptables  status

 

表格：nat

 

Chain PREROUTING (policy ACCEPT)

 

num   target     prot opt source               destination        

 

1     REDIRECT   tcp  --   0.0.0.0/0            0.0.0.0/0           tcp dpt:80 redir ports 8081

 

 

 

Chain POSTROUTING (policy ACCEPT)

 

num   target     prot opt source               destination        

 

 

 

Chain OUTPUT (policy ACCEPT)

 

num   target     prot opt source               destination        

 

1     REDIRECT   tcp  --   0.0.0.0/0             127.0.0.1           tcp dpt:80  redir ports 8081

 

2     REDIRECT   tcp  --   0.0.0.0/0            127.0.0.1           tcp dpt:80 redir ports 8081

 

3     REDIRECT   tcp  --   0.0.0.0/0            0.0.0.0/0           tcp dpt:80 redir ports 8081

 

 

 

[root@dev_121_21 ~]#

 

 

 

3、删除配置文件，多余的2条OUTPUT记录，保持一条配置记录，如下所示

[root@dev_121_21 ~]# vim  /etc/sysconfig/iptables

 

 

 

# Generated by iptables-save v1.4.7 on  Tue Nov 22 12:34:48 2016

 

*nat

 

:PREROUTING ACCEPT [22:1583]

 

:POSTROUTING ACCEPT [6:326]

 

:OUTPUT ACCEPT [6:326]

 

-A PREROUTING -p tcp -m tcp --dport 80 -j  REDIRECT --to-ports 8081

 

-A OUTPUT -d 127.0.0.1/32 -p tcp -m tcp  --dport 80 -j REDIRECT --to-ports 8081

 

COMMIT

 

# Completed on Tue Nov 22 12:34:48 2016

 

 

 

4、然后重启iptables服务

重启iptables服务

[root@dev_121_21 ~]# service iptables restart

 

iptables：清除防火墙规则：                                 [确定]

 

iptables：将链设置为政策 ACCEPT：filter nat                [确定]

 

iptables：正在卸载模块：                                   [确定]

 

iptables：应用防火墙规则：                                 [确定]

 

[root@dev_121_21 ~]#

 

 

然后查看iptables状态，只有一条REDIRECT记录存在：

[root@dev_121_21 ~]# service iptables  status

 

表格：nat

 

Chain PREROUTING (policy ACCEPT)

 

num   target     prot opt source               destination        

 

1     REDIRECT   tcp  --   0.0.0.0/0            0.0.0.0/0           tcp dpt:80 redir ports 8081

 

 

 

Chain POSTROUTING (policy ACCEPT)

 

num   target     prot opt source               destination        

 

 

 

Chain OUTPUT (policy ACCEPT)

 

num   target     prot opt source               destination        

 

1     REDIRECT   tcp  --   0.0.0.0/0            127.0.0.1           tcp dpt:80 redir ports 8081

 

 

 

[root@dev_121_21 ~]#

 

 

 

 

5、再尝试下，wget下载，可以wget成功了

[root@dev_121_21 ~]#  wget  http://bsstatic.powerlong.com/commonStatic/css/merchant_patch.css

 

--2016-11-22 18:27:52--   http://bsstatic.powerlong.com/commonStatic/css/merchant_patch.css

 

正在解析主机 bsstatic.powerlong.com... 192.168.121.91

 

正在连接 bsstatic.powerlong.com|192.168.121.91|:80... 已连接。

 

已发出 HTTP 请求，正在等待回应... 200 OK

 

长度：18298 (18K) [text/css]

 

正在保存至: “merchant_patch.css”

 

 

 

100%[====================================================================================================================================================================================================================================>]  18,298      --.-K/s   in 0s      

 

 

 

2016-11-22 18:27:52 (77.6 MB/s) - 已保存 “merchant_patch.css” [18298/18298])

 

 

总结：telnet能进nginx的80端口，但是HTTP请求访问拒绝，而nginx服务正常启动的情况下，一般就要查看下iptables端口转发，90%的问题都是因为iptables配置引发的。

           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.youkuaiyun.com/jiangjunshow

前端报错404 Not Found的静态资源路径配置
shejizuopin的博客
05-26 749
在前端开发中，404 Not Found错误是常见的静态资源加载问题，通常由路径配置错误、生产环境部署路径不一致、服务器配置问题或浏览器缓存引起。本文通过分析这些错误的成因，提供了具体的修复技巧，如检查并修正资源路径、配置项目基础路径、设置服务器静态资源映射以及清除浏览器缓存。此外，还提出了预防措施，如统一资源路径管理、使用环境变量、彻底测试和检查服务器配置。通过这些方法，开发者可以有效避免和解决404 Not Found错误，确保前端资源正确加载。
web应用程序配置服务端口，采用Nginx作反向代理时，访问网页出现404的问题解决的分析过程和解决方法
weixin_70208651的博客
06-20 4036
人脸识别系统使用8800作服务端口，现要在nginx上设置反向代理，使nginx监听7200端口，并将来自该端口的请求转发至原本由8800端口负责的API服务（即1212和3001端口上的API及其参数），实现了在不改变后端API配置的情况下，通过7200端口进行网页访问的功能，但是出现了404错误。检查与代理和重定向相关的部分，重定向跳转是Nginx服务器提供的一项功能，它允许管理员配置服务器，以便在客户端访问特定URL时，自动将其请求重定向到另一个URL；主要通过Nginx配置文件中的重写指令来实现。
nginx 报错: 404 not found
热门推荐
行者有疆哉
05-22 4万+
nginx 404 Not Found
404 not found nginx是什么意思_如何在BT面板基于nginx环境安装配置Perfex CRM网站
weixin_39627361的博客
11-22 601
如何在BT面板基于nginx环境安装配置Perfex CRM网站第一次接触到这个小众CRM，源于一哥们以30块大洋就收买了我，谁让我穷呢？官网：https://www.perfexcrm.com问题根据他的描述出在安装后（当然前期问了很多关于二级域名解析安装问题，都给予一一免费解答），准备访问后台的时候，出现了404错误。根据那哥们说已经安装好，出现404错误的节点去处理问题，首先：参考官方文件：...
Nginx 静态资源无法加载问题排查与解决
深山技术宅的博客
07-02 520
摘要：Nginx站点静态资源加载失败但直接访问可行时，常见原因包括路径配置错误、文件权限不足、MIME类型不匹配、浏览器缓存问题及跨域限制。解决方案涵盖检查资源路径配置、调整文件权限、配置MIME类型、清除浏览器缓存及设置CORS头。排查时应检查浏览器开发者工具、Nginx错误日志，验证配置语法，并确认文件可访问性。典型配置示例展示了静态资源处理的优化方法，如设置缓存头、关闭访问日志等。问题未解决时需提供具体错误信息以便深入诊断。（150字）
宝塔面板 - 404 Not Found（Nginx）
10-24 5621
宝塔面板 - 404 Not Found（Nginx）
Nginx部署项目出现404Not Found
小钻风的博客
11-05 3747
前两天我把本地作为服务器，启动Nginx部署了一个vue项目，但是出现了下图 最后是在nginx.conf文件的location / { }配置里多加一句try_files $uri $uri/ /index.html; location / { root （dist文件夹地址）; index index.html; try_files $uri $uri/ /index.html; } ...
404 not found nginx（dist打包后，刷新和跳转都是404 not found nginx的问题） 解决方案（打包发布在服务器）
weixin_43465508的博客
09-08 4749
try_files 更加可靠， 首先会查找"$uri"下的这个文件，如果不存在会查找$uri/,如果还不存在就会重定向到 /index.html页面。如果最后参数写错了，就会导致500的服务器错误。index 就是根目录，也就是只识别“/”结尾的，输入不存在或者刷新页面的路径就直接报nginx的404了，而不会重定向到index.html。vue + nginx的配置， vue路由必须先加载 index.html 或者XX.js 才能识别到路由。配置方面不介绍了，主要问题是因为没有加这句话。
终结Nginx 404/502各种报错噩梦：多年血泪经验分享
最新发布
牛奶夹心巧克力
07-03 925
Nginx错误排查是一个系统性过程，需要结合日志分析、配置检查、网络诊断和性能监控等多方面技能。
写的静态html 报错/gfTarget 404 (Not Found)、 /riskCapacity 404 (Not Found)
04-02
好的，我现在需要解决用户提到的静态HTML文件中访问/gfTarget和/riskCapacity路径时出现404 Not Found错误的问题。用户提到他们使用的是静态HTML文件，所以可能没有后端服务器处理这些路由。我需要根据提供的引用...
Nginx静态资源部署
shujufenxishi的博客
07-22 3821
Nginx静态资源概述上网去搜索访问资源对于我们来说并不陌生，通过浏览器发送一个HTTP请求实现从客户端发送请求到服务器端获取所需要的内容后并把内容回显展示在页面的一个过程。这个时候，我们请求的内容就分为两种类型，以类型是静态资源，一类是动态资源。静态资源即指在服务器端真实存在并且能直接拿来展示的一些文件，比如常见的html页面、css文件、js文件、图片、视频等资源。动态资源即指在服务器端真实存在但是要想获取需要经过一定的业务逻辑处理，根据不同的条件展示在页面不同的结果，比如说报表展示等。
404 Not Found nginx/1.20.1 配置nginx文件
2301_77482405的博客
12-28 1197
用阿里云服务器出现404 Not Found 原因是vscode 打包好的dist文件拖错地方了，上传给XShell的时候到了别的路径，路径一定要正确！这一步是在cd里进行的，就要拖到这里，再配置conf文件。进入/etc/nginx/conf.d目录，创建vue.conf（任一conf文件即可）文件。进入以后 i 编辑 ，再粘贴代码即可。
宝塔Linux面板后台登录提示404 Not Found Nginx如何解决？
2201_75556224的博客
09-06 2476
bt 14
使用nginx搭建的文件服务器一直提示 404 Not Found ，是文件不存在还是没有权限？
abcd1f2的专栏
03-20 2917
使用nginx搭建的文件服务器一直提示 404 Not Found ，是文件不存在还是没有权限？
解决Nginx 404 not found
蹦哒哒的王小哲
05-11 4万+
简述 昨天网站还正常运营，今天突然发现网站打不开了，首页正常打开，其他栏目全部都404 not found，注意，我的问题是，昨天还正常运行，突然就不可以了，小伙伴们注意了，如果跟我的问题不一样，此篇博文就没有任何参考意义。
nginx生产环境-运维经验-404 Not Found
appearappear的博客
08-29 318
再看nginx的错误日志（一小时之前的））如上，因磁盘满了，错误日志不会一直打印。无意中，查看磁盘40G系统已占满，释放磁盘后，可正常上传图片。插件default.cnf 路由转发没有问题。突然有一天 系统的图片上传接口报404。查看是nginx报的。
Nginx配置静态资源文件404 Not Found问题解决方法
u011830181的博客
05-28 7621
在使用nginx做静态资源服务器的时候，配置完成后通过浏览器访问一直报404 Not Found错误 nginx配置信息如下 location /r/ { root /home/data/file/; } 所有文件放在 /home/data/file/下面 发现是配置的问题，之前配置直接是在URL中写根目录，而现在是有一直前缀/r/，所以报404错误，root会在配置的目录后跟...
nginx 404 not found错误查找
10-29 1968
通过nginx转发请求，有的时候好用，有的时候报错：404 not found。 请求参数数据量小，访问正常；请求参数数据量大，访问异常。
404 not found nginx是什么意思_利用nginx实现代码的热部署和灰度发布
weixin_39563722的博客
11-25 1113
nginx负载均衡简介：1.负载均衡，建立在现有网络结构之上，它提供了一种廉价有效透明的方法扩展网络设备和服务器的带宽、增加吞吐量、加强网络数据处理能力、提高网络的灵活性和可用性。2.负载均衡，英文名称为Load Balance，其意思就是分摊到多个操作单元上进行执行，例如Web服务器、FTP服务器、企业关键应用服务器和其它关键任务服务器等，从而共同完成工作任务。以上是某科的解释，说的...
404 Not Found nginx/1.27.4 什么问题
06-05
<think>我们正在处理用户关于Docker中Nginx容器的问题，用户提到两个可能的问题：容器命名错误和404NotFound错误。同时用户提供了Nginx版本为1.27.4。根据之前的对话历史，用户已经遇到了容器命名无效字符的错误，并且也引用了挂载配置可能出现的问题。现在用户想排查Nginx容器相关问题。我们需要分两部分来排查：第一部分：容器命名无效字符的问题（根据之前的错误）第二部分：Nginx404NotFound错误首先，回顾用户提供的引用：引用[1]：展示了如何停止Nginx容器，编辑nginx.conf，然后重新启动。但要注意，如果容器是通过挂载配置的，修改宿主机的配置文件即可。引用[2]：显示容器名称冲突，即尝试使用已存在的容器名称。解决方案是删除或重命名现有容器。引用[3]：展示了正确的挂载命令，将宿主机的目录和文件挂载到容器中。注意路径的写法，不能使用相对路径（如一个点），要使用绝对路径。引用[4]：特别强调了挂载路径不能使用相对路径（如./nginx.conf），而应该使用绝对路径，否则会报错。引用[5]：提到了挂载失败，命令和路径看起来正确，但访问不了。现在用户的问题可能包括：1.容器名称使用了非法字符（如空格、特殊字符等）导致无法启动。2.配置错误（比如挂载路径问题，或者nginx.conf配置错误）导致404错误。步骤：1.解决容器命名问题（确保容器名称合法，并且不冲突）2.检查Nginx配置，特别是挂载的配置文件是否正确，以及挂载的静态资源路径是否正确。由于用户提到了Nginx版本1.27.4，我们假设用户已经拉取了正确的镜像。第一部分：容器命名规则：只允许[a-zA-Z0-9][a-zA-Z0-9_.-]字符，长度2-64，不能以单独的数字或保留字作为名字。第二部分：404错误可能的原因：-挂载的目录不正确，导致Nginx无法找到资源文件（比如index.html）-nginx.conf中配置的root路径不正确（没有指向挂载的目录）-挂载时文件权限问题我们将按照以下步骤来指导用户：步骤1：检查容器命名如果用户有命名问题，按照之前给出的规则重新命名。步骤2：检查挂载命令确保挂载命令使用绝对路径，并且宿主机的目录存在。步骤3：检查nginx.conf配置文件查看配置文件中的root路径是否与容器内的挂载路径一致。步骤4：检查挂载的静态资源确保宿主机上的静态资源文件（如index.html）存在于挂载的目录中。步骤5：检查Nginx容器的日志，以获取更多错误信息。现在，根据以上思路，我们给出详细回答。</think> ### 完整排查指南：Nginx容器命名与404错误解决方案 --- #### 🔍 **问题1：容器命名无效字符错误** **错误原因**：容器名称包含非法字符（空格、冒号等） ```bash docker: Error response from daemon: Invalid container name (nginx:latest) ``` **解决方案**： 1. **移除非法字符**：将`:`改为`-`或`_` ```bash # 错误命名 ❌ docker run --name "nginx:latest" ... # 正确命名 ✅ docker run --name nginx_latest -d -p80:80 nginx:1.27.4 ``` 2. **检查现有冲突容器**： ```bash docker ps -a | grep nginx # 查看同名容器[^2] docker rm -f 容器ID # 强制删除冲突容器 ``` --- #### 🌐 **问题2：Nginx 404 Not Found错误** **常见原因及解决方案**： 1. **挂载路径错误**（主要问题） ```bash # 错误：使用相对路径 ❌[^4] -v ./html:/usr/share/nginx/html # 正确：使用绝对路径 ✅[^3][^4] -v /home/user/web/dist:/usr/share/nginx/html ``` 2. **文件权限问题**： ```bash chmod -R 755 /home/user/web/dist # 确保Nginx有读取权限 ``` 3. **配置文件错误**： ```nginx # nginx.conf 关键检查点 server { listen 80; # 确认root路径与挂载路径一致 ✅ root /usr/share/nginx/html; location / { try_files $uri $uri/ /index.html; } } ``` 4. **端口映射验证**： ```bash # 检查映射关系（宿主机:容器） docker run -p 8080:80 ... # 访问 http://localhost:8080 netstat -tuln | grep 8080 # 确认端口监听 ``` --- #### 🛠️ **完整启动命令模板** ```bash docker run -d --name nginx_v1.27.4 \ -p 8080:80 \ -v /home/user/nginx.conf:/etc/nginx/nginx.conf \ -v /home/user/web/dist:/usr/share/nginx/html \ nginx:1.27.4 ``` --- #### 🔎 **调试步骤** 1. **查看容器日志**： ```bash docker logs --tail 100 容器名 ``` 2. **进入容器检查文件**： ```bash docker exec -it 容器名 bash ls -l /usr/share/nginx/html # 检查文件是否存在 nginx -t # 测试配置语法 ``` 3. **验证静态资源**： ```bash curl -I http://localhost:8080 # 预期返回：HTTP/1.1 200 OK ``` --- #### ⚠️ **版本注意事项** Nginx 1.27.4 默认配置路径： - 主配置：`/etc/nginx/nginx.conf` - 站点配置：`/etc/nginx/conf.d/default.conf` - 默认站点目录：`/usr/share/nginx/html` --- #### ❓ 常见Q&A 1. **为何挂载后仍返回404？** → 80%因路径大小写不一致（如`/Usr` vs `/usr`） 2. **容器启动成功但无法访问？** → 检查防火墙：`sudo ufw allow 8080/tcp`[^5] 3. **修改配置后不生效？** → 需重启容器：`docker restart 容器名` ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值