一篇文章让你搞懂如何通过Nginx来解决跨域问题

本文详细介绍了如何通过Nginx配置解决跨域问题,包括设置Access-Control-Allow-Origin、Access-Control-Allow-Methods和Access-Control-Allow-Headers,以及处理OPTIONS请求。推荐使用Nginx代理方式,提供了解决跨域问题的实例配置和预检请求的原理。
摘要由CSDN通过智能技术生成

var request = new XMLHttpRequest();

request.open(“GET”,“http://localhost:8081/user/query”)

request.send();

request.onreadystatechange = function(){

if(request.status==200 && request.readyState == 4){

console.log(“响应的结果” + request.responseText)

}

}

}

在这里插入图片描述

跨域问题的解决方案

========================================================================

解决跨域问题的方式也有多种。

1、前后端结合(JsonP)


虽然jsonp也可以实现跨域,但是因为jsonp不支持post请求,应用场景受到很大限制,所以这里不对jsonp作介绍。

2、纯后端方式一(CORS方式)


CORS 是w3c标准的方式,通过在web服务器端设置:响应头Access-Cntrol-Alow-Origin 来指定哪些域可以访问本域的数据,ie8&9(XDomainRequest),10+,chrom4,firefox3.5,safair4,opera12支持这种方式。

服务器代理,同源策略只存在浏览器端,通过服务器转发请求可以达到跨域请求的目的,劣势

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值