nginx 允许跨域_Nginx 跨域和防盗链支持

1、跨域

在开发一些静态页面或者调用一些接口时,经常会碰到cross-origin的问题,这就是跨域了

跨域呢有三种解决办法

    1、前端实现

    2、也可以在后端实现,

    3、通过nginx实现

通过Nginx实现跨域解决,在Nginx.conf文件里添加

d5078610db327af530ba892db282a54c.png

                #允许跨域请求的域,*代表所有

add_header 'Access-Control-Allow-Origin' *;

#允许带上cookie请求

add_header 'Access-Control-Allow-Credentials' 'true';

#允许请求的方法,比如 GET/POST/PUT/DELETE

add_header 'Access-Control-Allow-Methods' *;

#允许请求的header

add_header 'Access-Control-Allow-Headers' *;

2、防盗链

    作用:可以防止图片被其他网站使用,比如:A网站想使用B网站的图片,那么它可以在网页里直接嵌入B网站的图片地址,这样就可以使用了,但是B网站如果加上了防盗链的配置,那么A网站在使用B网站的图片是,就无法加载,会显示404。可以称之为源点网站源的判断,非源点网站无法使用本网站资源。

配置示例:

e43535477da53f7763a6414b875664cc.png

#对源站点验证

valid_referers *.xxx.com;

#非法引入会进入下方判断

if ($invalid_referer) {

    return 404;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值