ajax 设置Access-Control-Allow-Origin实现跨域访问
时间: 2023-10-07 15:06:24 浏览: 91
Ajax 设置Access-Control-Allow-Origin实现跨域访问
5星 · 资源好评率100%
在进行跨域访问时,需要在服务端设置响应头中的Access-Control-Allow-Origin来允许跨域访问。具体的实现方法是,服务端在响应头中添加以下代码:
```
Access-Control-Allow-Origin: *
```
其中,*表示允许所有源(即所有域名)进行跨域访问,也可以指定具体的域名进行跨域访问,例如:
```
Access-Control-Allow-Origin: https://www.example.com
```
这样就只允许https://www.example.com这个域名进行跨域访问了。在使用Ajax进行跨域访问时,需要设置请求头中的Origin为当前域名,例如:
```
$.ajax({
url: 'https://www.example.com/api',
type: 'GET',
dataType: 'json',
crossDomain: true,
headers: {
'Origin': 'http://localhost:8080'
},
success: function(data){
console.log(data);
}
});
```
这样就可以实现跨域访问了。需要注意的是,在实际开发中,服务端需要进行相应的安全控制,不允许所有域名都进行跨域访问,否则会带来安全风险。
阅读全文