码迷,mamicode.com
首页 > 数据库 > 详细

No 'Access-Control-Allow-Origin' header is present on the requested resource.

时间:2016-04-08 00:47:20      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

今天做一个AJAX案例时,浏览器监控到如下错误:

XMLHttpRequest cannot load http://54.169.69.60:8081/process_message. No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://54.169.69.60‘ is therefore not allowed access.

网站地址是 http://54.169.69.60/qnow/ 而 AJAX URL 是 http://54.169.69.60:8081/process_message,两个端口不一致,因此要跨域。

 

Access-Control-Allow-Origin是HTML5中定义的一种服务器端返回Response header,用来解决资源(比如字体)的跨域权限问题。

它定义了该资源允许被哪个域引用,或者被所有域引用(google字体使用*表示字体资源允许被所有域引用)。

 

解决方法:

根据错误信息可知,必须给 header 加上头部 Access-Control-Allow-Origin,比如我的是 Node.js,这样写:

response.type(‘application/json‘);
response.status(200);
response.append(‘Access-Control-Allow-Origin‘, "*");
if (err) {
    response.json({ result: ‘error‘, message: err });
}
else {
    response.json({ result: ‘success‘, message: res.message });
}

 

No 'Access-Control-Allow-Origin' header is present on the requested resource.

标签:

原文地址:http://www.cnblogs.com/felixnet/p/5364617.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!