解决nginx部署下的静态网页image图片显示不出的问题

最新推荐文章于 2025-04-07 18:31:44 发布

LKCNFV

最新推荐文章于 2025-04-07 18:31:44 发布

阅读量1.1w

点赞数 5

分类专栏：配置文章标签： nginx html 服务器

本文链接：https://blog.csdn.net/LKCNFV/article/details/106191688

版权

配置专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何在Nginx中配置静态资源和图片显示，包括配置文件详解、权限设置及重启服务的方法。

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

如图，一下的html是我放置静态资源和静态页面的地方：
在这里插入图片描述

在conf/nginx.conf配置文件，我是这样的：


worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;
	server {

        listen       8090;                #nginx监听的端口
        server_name  120.55.xx.xx;         #拦截的用户访问路径

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

	location ~* ^.+\.(jpg|jpeg|gif|png|bmp)$ {
		access_log off;
		root C:/nginx/html;
		index  index.html index.htm;
		expires 30d;
		break;
	}

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

在设置了阿里云的地址和监听的端口号后，来到location，语法规则参考nginx location配置详细解释

我选用的规则location ~* ^.+\.(jpg|jpeg|gif|png|bmp)$我的理解是：
不区分大小写，匹配字符串开始的位置，匹配jpg或jpeg或gif或png或bmp结尾的。root路径是index.html页面存在的路径。
还有我之前更改过image的权限为完全控制，因为有博客说可能是权限问题导致图片显示不出。
更改设置后，在开启nginx的命令行界面用nginx -s reload重启服务。可以看到我的图片可以在静态页面中显示出来了。