跨域是怎么产生的，如何解决跨域

一.什么是跨域？

跨域：指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。

例如：a页面想获取b页面资源，如果a、b页面的协议、域名、端口、子域名不同，所进行的访问行动都是跨域的，而浏览器为了安全问题一般都限制了跨域访问，也就是不允许跨域请求资源。注意：跨域限制访问，其实是浏览器的限制。理解这一点很重要！！！

同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域；

WEB篇 - 图1

二.跨域访问示例

假设有两个网站，A网站部署在：http://localhost:81 即本地ip端口81上；B网站部署在：http://localhost:82 即本地ip端口82上。现在A网站的页面想去访问B网站的信息，A网站页面的代码如下（这里使用jquery的异步请求）

  1. $(function (){
  2.     $.get("http://localhost:82/api/values", {},function (result) {
  3.           $("#show").html(result); 
  4.   })})；

WEB篇 - 图2

从错误信息可以看出以上出现了跨域问题！

三.如何解决跨域

  • 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.浏览器开启跨域