目录结构

在这里插入图片描述
其中public文件夹中的东西会原封不动的打包,因此在里面新建一个webConfig.json

{
  "baseURL": "http://........:6060",
  "socketURL": "",
  "timeout": 10000
}

在main.js中设置

import axios from 'axios';

// 配置axios,如果是生产环境就读配置文件
if(process.env.NODE_ENV === 'production') {
  axios.get('./webConfig.json').then(res => {
    // 基础地址和超时时间
    axios.defaults.baseURL = res.data.baseURL;
    axios.defaults.timeout = res.data.timeout;*
    console.log('基础地址:' + axios.defaults.baseURL)
  }).catch(err => {
    axios.defaults.baseURL = 'http://localhost:8080';
  })
} else {
  axios.defaults.baseURL = 'http://........:6060';
  console.log(axios.defaults.baseURL)
}

需要注意的是,这个get任务是异步的,我的做法是封装一个promise
在这里插入图片描述
getBaseURL方法返回一个promise,获取配置文件。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐