.env.development文件:
# 只有以 VUE_APP_ 开头的变量会被 webpack 静态嵌入到项目中进行使用 process.env.VUE_APP_xxxxxx
# 目标服务接口地址,这个服务器地址是按照你自已环境来的,easymock默认端口:7300
# 添加 或者更改配置后,需要重启服务
# VUE_APP_SERVICE_URL = "http://服务器地址:7300/mock/动态值"
VUE_APP_SERVICE_URL = "http://192.168.80.3:7300/mock/5ea4eb03940ada0a9f81b8a2"
# 开发环境的前缀
VUE_APP_BASE_API = "/dev-api"
request文件:
import axios from "axios";
const request = axios.create({
baseURL: process.env.VUE_APP_BASE_API,
timeout: 5000
})
// 请求拦截器
request.interceptors.request.use(config => {
// 请求拦截
return config
}, error => {
// 出现异常
return Promise.reject(error);
})
// 响应拦截器
request.interceptors.response.use(response =>{
// response.data
return response
}, error => {
return Promise.reject(error);
})
export default request