解決跨域問題

注意：1.如果是協議和埠造成的跨域問題，前端無法處理；

2.是否跨域，僅僅通過url的首部來判斷，不會通過網域名稱對應的ip位址是否相同來判斷；

3.跨域並不是請求發不出去，而是請求發出去了，也正常返回結果了，但是結果被瀏覽器攔截了。

利用script標籤沒有跨域的限制，網頁可以從其他**動態的獲取json資料，從而實現跨域。
建立jsonp 的原理及步驟
①建立script
let script =document.createelement("script");
②設定src屬性
script.src="url位址";
③把建立好的標籤插入到body中
④**函式
function callback(res)
注意:什麼是jsonp的介面
?後面以cb或者callback為第乙個引數的就是jsonp介面

// socket.html// server.js
let express = require('express');
let websocket = require('ws');//記得安裝ws
let wss = new websocket.server();
wss.on('connection',function(ws) );
})

//伺服器啟動目錄;
devserver: ,
changeorigin: true,
secure: false, // 接受 執行在 https 上的服務}}
},

前端瀏覽器在ie9以上，後端在響應報頭新增access-control-allow-origin標籤，從而允許指定域的站點訪問當前域上的資源。 res.setheader("access-control-allow-origin","*");

不過cors預設只支援get/post這兩種http請求型別，如果要開啟put/delete之類的方式，需要在服務端在新增乙個"access-control-allow-methods"報頭標籤。

postmessage()方法允許來自不同源的指令碼採用非同步方式進行有限的通訊，可以實現跨文字檔、多視窗、跨域訊息傳遞。

使用 nginx 反向**實現跨域，是最簡單的跨域方式。只需要修改 nginx 的配置即可解決跨域問題，支援所有瀏覽器，支援 session，不需要修改任何**，並且不會影響伺服器效能。

實現思路：通過 nginx 配置乙個**伺服器（網域名稱與 domain1 相同，埠不同）做跳板機，反向**訪問 domain2 介面，並且可以順便修改 cookie 中 domain 資訊，方便當前域 cookie 寫入，實現跨域登入。

// proxy伺服器
server 
}

//伺服器啟動目錄;
devserver: ,
changeorigin: true,
secure: false, // 接受 執行在 https 上的服務}}
},

解決跨域問題

解決跨域問題

解決跨域問題

解決跨域問題！

相關推薦