vue axios 接口环境判断动态设置baseURL

2022-01-13 16:34:38 阅读：480 来源： 互联网

标签：axios res app baseURL vue env import

vue项目中新建文件env.js文件

let baseURL

switch (process.env.NODE_ENV) {
  case 'development':
    baseURL = 'http://dev-mall-pre.springboot.cn/api'
    break
  case 'prod':
    baseURL = 'http://test-mall-pre.springboot.cn/api'
    break
  case 'test':
    baseURL = 'http://test-mall-pre.springboot.cn/api'
}

export default {
  baseURL
}

main.js文件引入

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import axios from 'axios'
import env from './env.js'  //引入


axios.defaults.baseURL = env.baseURL  //调用
axios.defaults.timeout = 8000
axios.interceptors.response.use(function (respons) {
  const res = respons.data;

  if (res.status === 0) {
    return res.data
  } else if (res.status === 10) {
    window.location.href = '/#/login'
  } else {
    alert(res.msg)
  }
 })

const app  = createApp(App);
app.config.globalProperties.$axios = axios;

app.use(store).use(router).mount('#app')

标签：axios,res,app,baseURL,vue,env,import
来源： https://www.cnblogs.com/zhangtf/p/15798164.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue axios 接口环境判断动态设置baseURL