配置开发环境和生产环境基础地址

 1.在src同级目录下配置.env.development文件和.env.production文件

VUE_APP_URL="url地址"

 2.在utils/request.js文件下配置请求的基准地址

// 导入axios
import axios from 'axios'
// 配置请求的基准URL地址
axios.defaults.baseURL = process.env.VUE_APP_URL
const _axios = axios.create({
  baseURL: process.env.VUE_APP_URL
})
// axios设置请求拦截器
_axios.interceptors.request.use(
  config => {
    return config
  },
  err => {
    console.log(err)
  }
)
// 响应拦截
_axios.interceptors.response.use(
  res => {
    return res
  },
  error => {
    return Promise.reject(error)
  }
)
// 暴露出去
export default _axios

配置完基础地址,一定要重启服务器!!!!  否则无法生效,会出现404报错

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码

)">
< <上一篇
下一篇>>