美文网首页
vue webpack 独立文件配置(不进行压缩打包)

vue webpack 独立文件配置(不进行压缩打包)

作者: 小学生的博客 | 来源:发表于2018-03-28 10:27 被阅读1139次

问题:前端项目打包后,后端想修改接口地址
解决方案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 完美运行

相关文章

网友评论

      本文标题:vue webpack 独立文件配置(不进行压缩打包)

      本文链接:https://www.haomeiwen.com/subject/htkycftx.html