### **一.什么是跨域？** 跨域：指的是瀏覽器不能執行其他網站的腳本。它是由瀏覽器的同源策略造成的，是瀏覽器對javascript施加的安全限制。 例如：a頁面想獲取b頁面資源，如果a、b頁面的協議、域名、端口、子域名不同，所進行的訪問行動都是跨域的，而瀏覽器為了安全問題一般都限制了跨域訪問，也就是不允許跨域請求資源。注意：跨域限制訪問，其實是**瀏覽器的限制**。理解這一點很重要！！！ 同源策略：是指協議，域名，端口都要相同，其中有一個不同都會產生跨域；  ### **二.跨域訪問示例** 假設有兩個網站，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); ? })})； ~~~  從錯誤信息可以看出以上出現了跨域問題！ ### **三.如何解決跨域** - 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.瀏覽器開啟跨域