vue.config.js这个文件
proxy: {
"/api": { //这里是公共部分,在调用接口时后面接不相同的部分,/api就相当于http://182.92.196.41:4999/api这一段
target: 'http://182.92.196.41:4999/api', //这里写的是访问接口的域名和端口号
changeOrigin: true, // 必须加上这个才能跨域请求
ws: true,
pathRewrite: { // 重命名
'^/api': ''
}
}
},
将mock注释:
// before: require('./mock/mock-server.js')
此时还是不行,接口会报错:
只要将.env.development 这个文件中的 VUE_APP_BASE_API = ' ' 改为空就行了;

注意: 申请接口的url = baseURL + request url
重启项目就可以了;
本文介绍了如何在Vue项目中通过修改vue.config.js的proxy配置来处理跨域请求,并提到了使用.env.development文件调整API基路径的方法。只需禁用mock并更新环境变量,重启项目即可解决问题。
1万+

被折叠的 条评论
为什么被折叠?



