vue项目中配置跨域问题

VueCli2.0版本

1.找到config文件目录下的dev.env.js以及prod.env.js文件

dev.env.js是配置本地环境的    prod.env.js是配置正式环境的

vue项目中配置跨域问题_第1张图片

分别在这两个文件下的API_URL中写下对应的正式服测试服域名

下面的是正式服的域名

vue项目中配置跨域问题_第2张图片

 

2.请求是的时候通过 process.env.API_URL拿到需要的域名

如果你的请求是通过axios封装的可以直接通过 process.env.API_URL拿到你配置好的域名

你只需要在axios加上axios.defaults.baseURL = process.env.API_URL;

请求的时候的url只需要写斜杠加上接口名称即可, 列如:  /getGoodsList

 

 

你可能感兴趣的:(vue)