应用场景:生产环境 开发环境需要手动切换url? No No No 用上环境变量之后会根据命令自适应。
贴上代码·······
1:src新建utils目录 /新建request.js
import axios from 'axios'
// import { Message, MessageBox } from 'element-ui'
// import store from '../store'
import { getToken } from '@/utils/auth'
// 创建axios实例
const service = axios.create({
baseURL: process.env.VUE_APP_URL,
// process.env.NODE_ENV === 'production' ? '/':'http://127.0.0.1:8000', //如果是开发环境的 和 生产环境相区别
timeout: 10000 // 请求超时时间
})
// request拦截器z`
service.interceptors.request.use(
config => {
// if (store.getters.token) {
// config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
// }
return config
},
error => {
// Do something with request error
console.log(error) // for debug
Promise.reject(error)
}
)
// response 拦截器
service.interceptors.response.use(
response => {
console.log(response)
/**
* code为非20000是抛错 可结合自己业务进行修改
*/
const res = response.data
if(res.code){
console.log(res.data.code)
}else{
return response.data
}
// if (res.code !== 20000) {
// Message({
// message: res.message,
// type: 'error',
// duration: 5 * 1000
// })
// // 50008:非法的token; 50012:其他客户端登录了; 50014:Token 过期了;
// if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
// MessageBox.confirm(
// '你已被登出,可以取消继续留在该页面,或者重新登录',
// '确定登出',
// {
// confirmButtonText: '重新登录',
// cancelButtonText: '取消',
// type: 'warning'
// }
// ).then(() => {
// store.dispatch('FedLogOut').then(() => {
// location.reload() // 为了重新实例化vue-router对象 避免bug
// })
// })
// }
// return Promise.reject('error')
// } else {
// return response.data
// }
},
error => {
// console.log('err' + error) // for debug
// Message({
// message: error.message,
// type: 'error',
// duration: 5 * 1000
// })
return Promise.reject(error)
}
)
export default service
2:项目根目录下新建.env .env.development(开发环境) .env.production(生产环境)
VUE_APP_URL = 'http://自定义url'