vue webpack 独立文件配置（不进行压缩打包）

问题：前端项目打包后，后端想修改接口地址
解决方案1：前端修改，重新打包发布
解决方案2：后端找到appxxxxxxxxxx.js，Ctrl+F修改接口地址
解决方案3：把接口地址单独出来配置，让他免压缩。

  • 做手机端应用时处理过，需要把API请求单独提取出来，支持服务端随时修改。
  • 做PC端时也有这个需求，以后的项目说不定都需要这个配置，既然如此，就整理下。

直接static下创建文件，如下：
api.js

(function () {
  var config = {
    site: 'xxx.xxx.com:6060',
  }
  window.configs = {
    API_ROOT: 'http://'.concat(config.site)
  };
})();

然后在需要使用的地方

let API_ROOT = window.configs.API_ROOT
  • index.html中 引入
  <script src="/static/api.js"></script>  //这个是重点  路径千万不能有误，不然刷新就找不到了

ok 完美运行

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容