Vue项目打包后，修改请求后端的地址

目录结构

其中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，获取配置文件。