vue单独打包js文件

刚开始学vue框架,公司要求项目打包的时候把服务器的ip地址单独留一个接口,方便后期商家可以自行配置自己的服务器地址。

解决办法:

1、新建一个js文件用于保存服务器的ip地址,将当前ip存入window对象,内容如下:

2、在webpack配置文件中找到plugins选项,配置插件:


3、在index.html文件中以script标签形式引入server.js(保存ip)文件,注意在打包的时候开发环境和生产环境的路径问题:


4、在main.js中将ip添加到vue原型中:Vue.prototype.ip = window.ip;

5、最后在需要调用 的地方直接使用this.ip即可。

6、打包之后的目录结构,如果服务器的ip地址发生了变化,可直接修改server.js文件,然后保存。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,488评论 19 139
  • Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 47,251评论 6 342
  • 凌晨三点,他起床上厕所,然后站在阳台上抽了一支烟。过了30岁以后,他开始有了这个奇怪的生物钟。年轻的时候他总是一觉...
    f5120924cbd9阅读 681评论 0 3
  • 这具肉体此刻正躺在床上,对外界一无所知,陷入长久的昏睡,似乎要把剩余的睡眠提前透支。又或眼睛是睁开的,但眼神涣散,...
    偶然之音阅读 213评论 0 0

友情链接更多精彩内容