今天在做vue項目的時候，項目在本地，接口數據在阿里雲，這就造成了跨域，在網上找了好久，網上大部分的方法都是找到config文件夾下面的index進行修改的，可是我找到的Index卻和他們描述的不一樣。后來找到了一個比較適合小白實現的方法。
首先在vue項目的根目錄下建一個vue.config.js文件，vue.config.js里面的代碼是這樣的：
module.exports = {
publicPath: '/',
devServer: {
proxy: {
'/api': {
target: 'http://121.41.9.242:8082', //這里是目標服務器地址
changeOrigin: true,
ws: true,
pathRewrite: {
'^/api': '' " //這里一定要為空
}
}
}
}
}
"^/api":后面必須為空。這樣vue.config.js就搞定了。
然后就是發送網絡請求了，我看的大佬的那篇文章，其他都很好，就是網絡請求哪里沒說的很清楚，我寫好vue.config.js后網絡請求那里還搞了一個小時才弄好。
網絡請求需要這樣發：
let { data } = await this.$axios.post(
"/api/inside/user/findUserByUserId",
null,
{
params: {
userId: this.id
}
}
);
原本后端給我的接口是這個：http://121.41.9.242:8082/inside/user/findUserByUserId
現在我發網絡請求的接口是這樣：/api/inside/user/findUserByUserId，用/api代替前面的目標服務器地址，這樣就行了。