如何快速解决本地开发时 ajax 跨域拒绝问题

来源:互联网 发布:mac上怎么看腾讯视频 编辑:程序博客网 时间:2024/05/16 18:39

如何快速解决本地开发时 ajax 跨域拒绝问题

标签: ajax, 跨域拒绝,API数据接口,localhost

对于端口和协议的不同,只能通过后台来解决。

//同一域名下,允许通信http://www.a.com/a.jshttp://www.a.com/b.js     //同一域名下不同文件夹,允许通信http://www.a.com/lab/a.jshttp://www.a.com/script/b.js //同一域名,不同端口不允许通信http://www.a.com:8000/a.jshttp://www.a.com/b.js     //同一域名,不同协议,不允许通信http://www.a.com/a.jshttps://www.a.com/b.js //域名和域名对应ip,不允许http://www.a.com/a.jshttp://70.32.92.74/b.js //主域相同,子域不同,不允许http://www.a.com/a.jshttp://script.a.com/b.js //同一域名,不同二级域名(同上),不允许(cookie这种情况下也不允许访问)http://www.a.com/a.jshttp://a.com/b.js //不同域名,不允许http://www.cnblogs.com/a.jshttp://www.a.com/b.js 

CORS(Cross-Origin Resource Sharing)跨域资源共享,定义了在访问跨域(协议、域名、端口有一个或以上不同)资源时,浏览器与服务器应该如何沟通。

如果我们搭建了一个本地服务器,启动服务器后通过 localhost 访问,但在我们的代码中,试图通过 ajax 连接到一个放在其他服务器的 API 数据接口,比如聚合数据上面提供了很多的数据接口,我想拿一个在本地调试,可是当我通过浏览器向该 API 数据接口发送数据时会出现跨域拒绝的提示:

这里写图片描述

这个时候,如果你使用 chrome 的话,请 翻墙 安装 CORS

0 0
原创粉丝点击