美文网首页
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