因为我们可以配置不同的环境变量 那么我们就可以在设置请求的时候 根据不同的环境来设置不同的请求地址
1、在开发环境文件中配置我们的请求(今后开发的时候可以在其他配置文件中配置你的请求)
VUE_APP_XIAOMING = "开发模式"
VUE_APP_API = "http://localhost:8888"
2、在封装的拦截器文件中配置baseURL
let axiosurl = ""
// 如果为开发模式的话执行url
if(process.env.NODE_ENV === 'development' ){
axiosurl=process.env.VUE_APP_API
}
else{
// 否则设置成其他的模式(这里今后有很多个判断)
axiosurl=process.env.VUE_APP_API
}
// 创建axios 赋值给常量service
const service = axios.create({
baseURL: axiosurl
});
3.在今后的请求中直接写请求的路由地址就行
// 发送请求 url中请求地址前缀已经在baseURL中配置了
link("/one").then((ok)=>{
console.log(ok)
})