使用的是服務器代理方式解決跨域
第一步
在vue專案根目錄中創建檔案夾vue.config.js檔案
(根目錄就是專案名稱目錄就是根目錄,直接在專案名稱上右擊創建檔案)
注意:檔案名是固定的vue.config.js
第二步
打開檔案vue.config.js
寫入如下代碼:
module.exports = {
//搭建服務器
devServer: {
//代理
proxy: {
//代理名稱
'/api': {
//請求目標
target: 'http://localhost:9999',//這里寫的是你要請求的地址
//重寫路徑
pathRewrite: {
'^/api': ''
}
}
}
}
}
如果還有第二個請求地址繼續在proxy物件中寫入同上繼續在'/api'物件后邊寫api是自定義的名稱
第三步
在你需要獲取網路資料的地方直接使用如下代碼:
created() {
this.$http({
url: "/api/items",//記得在前邊加上你寫的代理名稱
}).then((res) => {
console.log(res);
this.items = res.data;
});
},
$http是給插件axios我自己寫的名字代碼如下:
import axios from 'axios'
Vue.prototype.$http=axios
//這里的$http就是上邊使用的那個
總結:以上就是解決跨域問題的全部步驟
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/137353.html
標籤：python
上一篇：hadoop-day06