脚本宝典收集整理的这篇文章主要介绍了配置开发环境和生产环境基础地址,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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报错
以上是脚本宝典为你收集整理的配置开发环境和生产环境基础地址全部内容,希望文章能够帮你解决配置开发环境和生产环境基础地址所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。