nginx配置跨域响应头

本文详细介绍了如何在Nginx配置中使用location块来处理公共静态资源的跨域问题,包括设置Access-Control-Allow-Origin、Access-Control-Allow-Methods等响应头,以及预检请求和缓存控制策略。
摘要由CSDN通过智能技术生成

跨域相关知识请自行查阅,实践如下:

vi etc/nginx/nginx.conf 

在http > server >location 加上下面的代码

 #公共静态资源跨域响应头
        location /static/ {
            #Access-Control-Allow-Origin *解决跨域问题
            add_header Access-Control-Allow-Origin $http_origin;
            add_header Access-Control-Allow-Credentials true always;
            add_header Access-Control-Allow-Headers Origin,X-Requested-Width,Content-Type,Accept,Authorization always;
            add_header Access-Control-Allow-Methods * always;
            add_header Access-Control-Request-Method * always;
            add_header Access-Control-Max-Age 1728000 always;
            #通过预检
            if ($request_method = 'OPTIONS'){
                return 204;
            }
            #强制缓存30天,单位秒
            add_header Cache-Control max-age=2592000;
        }

在你的ngixn根目录里新建一个static目录,然后就可以用 ip:port/static/image.png 来访问了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值