溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
跨域
了解同源政策：所謂"同源"指的是"三個相同"。
解決跨域
1.jsonp 缺點：只能get請求 ，需要修改B網站的代碼
2.cors 這個方案缺點 是 ie6 7 兼容不好（倒是不見得要兼容）。需要B網站在響應中加頭
3.postMessage 缺點也是 ie6 7 兼容不好（倒是不見得要兼容）。需要修改B網站的代碼
4.iframe window.name 傳值得方式很巧妙，兼容性也很好。但是也是需要你能修改B網站代碼
5.服務端主動請求B網站，兼容性好而且你客戶端的代碼還是原來的ajax，缺點是感覺不好。（服務器端是不存在跨域安全限制的）
6.類似5 用nginx把B網站的數據url反向代理。
node， express 解決跨域
加上請求頭：
app.all('*', (req, res, next)=>{
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
res.header("X-Powered-By",' 3.2.1')
if(req.method=="OPTIONS") res.send(200);/*讓options請求快速返回*/
else next();
});
重點說一下vue-cli處理跨域
port: 8080,
proxyTable: {
'/api': {
target: 'http://www.ainyi.com', // 目標接口域名
changeOrigin: true, // 是否跨域
// secure: false, // 如果是https接口，需要配置這個參數
pathRewrite: {
'^/api': '' // 重寫接口，一般不更改
}
},
},
'/api' 為匹配項，target 為被請求的地址
以上代碼表示：只要是http://www.ainyi.com/api的接口，都將被本地8080端口的請求代理：
http://localhost:8080/api ===> http://www.ainyi.com/api
也就是說，想請求接口http://www.ainyi.com/api，就是通過http://localhost:8080/api代理訪問，就不會產生跨域。
這樣就不需要在axios配置axios.defaults.baseURL，所有接口都由本地代理了
GitHub：https://github.com/Krryxa
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
