今天在做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代替前面的目标服务器地址，这样就行了。