Windows下nginx作为静态资源服务器测试

最新推荐文章于 2024-08-31 12:44:11 发布

非ban必选

最新推荐文章于 2024-08-31 12:44:11 发布

阅读量1.1k

点赞数

分类专栏： Nginx

本文链接：https://blog.youkuaiyun.com/zsj777/article/details/86000708

版权

Nginx 专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了如何通过修改Nginx配置实现静态资源的跨域访问，并解释了autoindex指令的作用，展示了如何控制目录列表的显示。

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

1、修改nginx配置，添加以下配置

#url  http://localhost/image/file/22.jpg 对应文件 E:/file/image/file/22.jpg
		#url  http://localhost/image/33.jpg   对应文件  E:/file/image/33.jpg
		 location /image/ {
            root   E:/file/;
			autoindex on;

#添加跨域配置
           add_header 'Access-Control-Allow-Origin' $http_origin;
           add_header 'Access-Control-Allow-Credentials' 'true';
           add_header 'Access-Control-Allow-Methods' 'GET,PUT,POST,DELETE,OPTIONS';
           add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Ca
che-Control,Content-Type,Range,token,sign,timestamp';
           add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
          
        }

#http://192.168.2.41/file/11.jpg   对应 /dit/uploads/file/11.jpg
location /file/ {

             root   /dit/uploads/;
#添加跨域配置
           add_header 'Access-Control-Allow-Origin' $http_origin;
           add_header 'Access-Control-Allow-Credentials' 'true';
           add_header 'Access-Control-Allow-Methods' 'GET,PUT,POST,DELETE,OPTIONS';
           add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Ca
che-Control,Content-Type,Range,token,sign,timestamp';
           add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';


        }

2、配置

autoindex off;

表示不能通过目录访问到文件列表，必须精确访问到文件地址。

autoindex on;的时候访问文件目录会显示该目录下的所有文件。

如下图：