溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹vue怎么實現(xiàn)跨域，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
vue實現(xiàn)跨域的方法，具體如下：
在請求的資源上沒有“訪問控制允許源”標頭。因此，“http://LoalHoal:8081”是不允許訪問的。
出現(xiàn)這個報錯就說明，瀏覽器限制了跨域，需要設置跨域
一、后臺更改header
header('Access-Control-Allow-Origin:*');//允許所有來源訪問
header('Access-Control-Allow-Method:POST,GET');//允許訪問的方式二、使用JQuery提供的jsonp需要vue中引入jquery，不是今天講的重點
methods: {
getData () {
var that = this
$.ajax({
url: 'yoururl',
type: 'GET',
dataType: 'JSONP',
success: function (res) {
that.data = res.data;
}
})
}
}三、使用vue-cli腳手架搭建項目時候的proxyTable解決跨域
在config目錄下的index.js的proxyTable配置：
第一種：
proxyTable: {
'/api': { //使用"/api"來代替"http://v.juhe.cn/toutiao/index"
target: 'http://v.juhe.cn/toutiao/index', //源地址
changeOrigin: true, //改變源
pathRewrite: {
'^/api': '' //路徑重寫
}
}
},this.axios.post("/api?type=keji&key=yourkey").then(res => {
console.log("api:"+res);
this.kjnews = res.data.result.data;
});注意：路徑重寫后面是空的不然請求不成功，最后配置完之后還要npm run dev重啟一下
以上是“vue怎么實現(xiàn)跨域”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
