跨域解決方案

cors前端

服務器容許跨域請求:設置響應頭webpack

Access-Control-Allow-Origin:'容許跨域的url'
//若是客戶端要向服務器發送cookie的話,毫不對寫*
res.header('Access-Control-Allow-Origin', "http://localhost:8080");
res.header('Access-Control-Allow-Headers', "Content-Type");
res.header('Access-Control-Allow-Methods', "GET,POST,PUT,DELETE,OPTIONS");
//容許跨域傳cookie
res.header('Access-Control-Allow-Credentials', "true");
 

jsonpweb

前端:
function 函數名(參數){//定義函數
}
let oScript=document.createElement('script')
oScript.src='跨域接口?cb=函數名';
document.body.appendChild(oScript);

後臺:
獲取cb的函數,將返回結果以參數形式傳給該函數,最後返回該函數調用

iframejson

window.name跨域

ngix服務器

webpackcookie

webpack解決跨域問題,用於解決開發過程當中的跨域:安裝腳手架後的項目目錄裏app

config->index.js中修改  cors

proxyTable:{函數

請求接口:跨域網址

}

相關文章
相關標籤/搜索