Nginx 反向代理静态资源404问题

最新推荐文章于 2025-09-07 19:01:22 发布

原创最新推荐文章于 2025-09-07 19:01:22 发布 · 8.1k 阅读

2 ·

CC 4.0 BY-SA版权

nginx 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何解决Nginx反向代理时遇到的静态资源404问题。通过调整Nginx配置，添加正则表达式匹配静态资源如js、css和png等，确保它们能够正常访问。配置示例中，将'admin/js'替换为实际静态资源目录，以便适配不同项目需求。

Nginx 反向代理web服务，静态资源问题处理

前情提要，这是我在上班摸鱼的时候，之前的开发的同事在群里问题的一个问题，之前我也没有处理过，就帮着处理了一下，下面把处理情况分享出来

1.nginx下载安装略
这里介绍的很详细
2.nginx反向代理

location /admin/ {
		 proxy_pass http://127.0.0.1:8080/;
		 
	}

最简单的反向代理
现在是这访问一下http://…:80/admin/
在这里插入图片描述
能成功访问，但是静态资源就是访问不到，原因也很简单，因为我们代理的项目对应这admin这个匹配条件，但是静态资源的请求没有这个条件
现在我们增加配置试试

	#html|htm|gif|jpg|jpeg|bmp|png|ico|txt|
	location ~ /js/.*\.(js|css)$
    { 
        proxy_pass http://127.0.0.1:8080;
        rewrite ^/admin/js/(.*)$ /js/$1 last;
       # expires      7d; 
    }

在次尝试访问
在这里插入图片描述
发现js和css可以了，原因是我们在正则表达式中就匹配了js和css，现在增加png，在访问

我们发现完全ok了
配置简单说明我这里配置的js 是我静态资源的目录，也是我请求的目录，下面替换那里的admin/js 这个admin我代理的服务的匹配条件直接修改为自己项目的静态目录的名字就可以直接使用了，如果项目中有更多形式的静态资源可以在正则表达式里面加，根据自己的项目的情况来判断