如果接口请求存在跨域问题且后端暂没时间解决,可以通过vue-cli配置代理的方式解决:
.env.development
中设置VUE_APP_BASE_API = Local
Local为该项目运行时的服务器地址,vue.config.js
中设置devServer:{proxy:'接口地址的公共部分'}
请求方法:request.get('/module/getInfo.html') request为封装的axios,baseUrl=VUE_APP_BASE_API
接口请求地址:http://testapi.com/api/module/getInfo.html
正常情况下:VUE_APP_BASE_API = http://testapi.com/api
但由于该请求后端没解决跨域问题,所以通过代理改写为
VUE_APP_BASE_API = http://localhost:8080 //http://localhost:8080为本项目跑起来的访问地址
devServer:{
proxy:'http://testapi.com/api'
}
标签:API,VUE,http,vue,APP,配置,代理,BASE
From: https://www.cnblogs.com/qieting/p/17030120.html