解决 js ajax跨域访问报“No 'Access-Control-Allow-Origin' header is present on the requested resource.”错误

小咪咪 2021-09-15 00:42 187阅读 0赞

在实现不同端口号之间访问时遇到了跨域报错问题

### 前言 ###

从 [http://www.a.com/test.html][http_www.a.com_test.html] 发起一个跨域请求，  
请求的地址为： [http://www.b.com/test.PH][http_www.b.com_test.PH]

**在本地用ajax跨域访问请求时报错：**

XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' 
    header is present on the requested resource. Origin 'null' is therefore not allowed access.

### 问题原因 ###

W3C标准里是这么实现HTTP跨域请求的， Cross-Origin Resource Sharing

简单的来说，就是跨域的目标服务器要返回一系列的Headers，通过这些Headers来控制是否同意跨域。

*  Access-Control-Allow-Origin HTTP Response Header
 *  Access-Control-Max-Age HTTP Response Header
 *  Access-Control-Allow-Credentials HTTP Response Header
 *  Access-Control-Allow-Methods HTTP Response Header
 *  Access-Control-Allow-Headers HTTP Response Header
 *  Origin HTTP Request Header
 *  Access-Control-Request-Method HTTP Request Header
 *  Access-Control-Request-Headers HTTP Request Header

在 Request 包和 Response 包中都有一些。  
其中最敏感的就是 Access-Control-Allow-Origin 这个 Header, 他是W3C标准里用来检查该跨域请求是否可以被通过。 (Access Control Check)

### 解决方法 ###

**1、在java服务器端的filter或者servlet里面添加**

response.setHeader("Access-Control-Allow-Origin", "*");

**2、如果请求的url是aspx页面，则需要在aspx页面中添加代码**

Response.AddHeader("Access-Control-Allow-Origin", "*");

**3、如果请求的url是PHP页面**

header("Access-Control-Allow-Origin: *");

**4、如果请求的url是静态的html页面，则需要在页面中添加meta标签代码：**

**“Access-Control-Allow-Origin**”表示允许跨域访问，**“\*”**表示允许所有来源进行跨域访问，这里也可以替换为特定的域名或ip。  
很显然，这种方式对非网站拥有人员来说是不能做到的。而且此种方式很容易受到CSRF攻击。

如果还不行，就把这些都加上吧

// 指定允许其他域名访问 
    header('Access-Control-Allow-Origin:*');    
    // 响应类型 
    header('Access-Control-Allow-Methods:POST');    
    // 响应头设置 
    header('Access-Control-Allow-Headers:x-requested-with,content-type');

注意：  
参考文章：  
[http://blog.csdn.net/cnyygj/article/details/68489200][http_blog.csdn.net_cnyygj_article_details_68489200]

[http_www.a.com_test.html]: http://www.a.com/test.html
[http_www.b.com_test.PH]: http://www.b.com/test.PH
[http_blog.csdn.net_cnyygj_article_details_68489200]: http://blog.csdn.net/cnyygj/article/details/68489200

解决 js ajax跨域访问报“No 'Access-Control-Allow-Origin' header is present on the requested resource.”错误

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

相关 Post request is No 'Access-Control-Allow-Origin' header is present on the requested resource跨域问题解决

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource'，跨域访问的解决方法

相关跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource

相关解决ajax中No ‘Access-Control-Allow-Origin‘ header is present on the requested resource跨域问题

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

相关报错：跨域问题解决 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

相关 No 'Access-Control-Allow-Origin' header is present on the requested resource.'Ajax跨域访问解决方案

相关解决 js ajax跨域访问报“No 'Access-Control-Allow-Origin' header is present on the requested resource.”错误

相关 ajax 跨域访问 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource