vue + ts 根据不同环境调用不同接口

在src项目下创建config目录, 创建一个axios.config.ts

import axios from 'axios';

let baseURL = '';
if (process.env.NODE_ENV === 'production') {
  baseURL = window.location.protocol + '//' + window.location.host + process.env.VUE_APP_SERVER_ROOT;
  axios.defaults.baseURL = baseURL;
}

main.ts 中引入import './config/axios-config.ts';

在跟目录下创建.env文件

NODE_ENV = development
BASE_URL = /
VUE_APP_ENV = development
VUE_APP_SERVER_ROOT = /calculate-Score  //这个是测试环境下的接口域名
VUE_APP_PROXY = http://127.0.0.1:8080

在vue.config.js

module.exports = {
  publicPath: '/om-page/',   //配置对应的测试环境的域名
  devServer: {
    proxy: process.env.VUE_APP_PROXY,  // 代理到测试服务器
    open: true // 启动项目自动开启浏览器
  },
  configureWebpack: {

    plugins: [  //插件
    ]
  }
};