首先我使用的Vue-cli2.x的版本,3.0的不知道怎么弄
一般在本地開發(fā)的話會(huì)碰到跨域的問題
其實(shí)堅(jiān)決辦法很簡(jiǎn)單,一個(gè)是讓后端修改跨域限制
這里講下proxyTable的配置
首先在目錄里找到config->index.js->dev:{}
然后修改成
proxyTable: {
'/api': {
target: 'http://xxx.xxx.x.x/', //主域名 就是你真正要去請(qǐng)求的地方
changeOrigin: true, //允許跨域
pathRewrite: {
'^/api': ''
},
secure: false
//重寫路徑,其實(shí)這里就是和上面的target拼接起來(lái)
}
},
設(shè)置好后
加入用axios
import axios from "axios";
let url = "/api" + "/xxxxxxxxxxx";
axios
.get(url, {
params: {}
})
.then(function(response) {
console.log(response);
})
.catch(function(error) {
console.log(error);
});
這樣子跨域問題就解決了,滿足目前開發(fā)需求,dev下只在開發(fā)環(huán)境有限,生產(chǎn)的話都是基本都是同一個(gè)域名沒什么關(guān)系.