ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### **一.什么是跨域?** 跨域:指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。 例如:a页面想获取b页面资源,如果a、b页面的协议、域名、端口、子域名不同,所进行的访问行动都是跨域的,而浏览器为了安全问题一般都限制了跨域访问,也就是不允许跨域请求资源。注意:跨域限制访问,其实是**浏览器的限制**。理解这一点很重要!!! 同源策略:是指协议,域名,端口都要相同,其中有一个不同都会产生跨域; ![](https://img.kancloud.cn/33/c7/33c7d5e0c084cc341cd07e1998dfe69e_717x404.png) ### **二.跨域访问示例** 假设有两个网站,A网站部署在:http://localhost:81 即本地ip端口81上;B网站部署在:http://localhost:82 即本地ip端口82上。现在A网站的页面想去访问B网站的信息,A网站页面的代码如下(这里使用jquery的异步请求) ~~~ $(function (){     $.get("http://localhost:82/api/values", {},function (result) {           $("#show").html(result);   })}); ~~~ ![](https://img.kancloud.cn/ce/59/ce59ea72717262d50f942d2fdb1d587b_744x238.png) 从错误信息可以看出以上出现了跨域问题! ### **三.如何解决跨域** - 1.CORS(跨域资源共享) - 2.Node正向代理 - 3.Nginx反向代理 - 4.JSONP - 5.websocket - 6.window.postMessage - 7.document.domain+iframe - 8.window.location.hash+iframe - 9.window.name+iframe - 10.浏览器开启跨域