1.在根目录新建一个environment.js文件.

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
    typeof define === 'function' && define.amd ? define(factory) :
      (global.__ce = factory())
})(this, (function () {
  return {
    _: {},
    debug: true,
    baseURL: 'http://xxxxx.com' // 接口地址
  } 
}));

2.webpack.dev.conf.js中修改devServer

  devServer: {
    before(app){
      app.use('/environment.js', express.static('./environment.js'));
    },
    ...
}

3.在index.html中引用  <script src="environment.js"></script>

项目里面使用的话 console.log(__ce.baseURL);

打包的时候environment.js会打包到dist文件里面.

修改environment.js的接口地址就可以啦.省去了换接口就要重新打包的烦恼.

结合上一篇的环境变量使用(https://blog.csdn.net/sllailcp/article/details/93602318):

可以做个判断,如果打包或者运行的时候设置了环境变量就使用package.json里面设置的接口,如果没有设置,就使用environment.js里面的接口

 getUrl(url) { 
    return `${process.env.BASE_URL?process.env.BASE_URL:__ce.baseURL}${url}`;
  };