• 128702

    文章

  • 810

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Vue 配置开发/生产环境变量、build生产环境关掉log

服了这份高薪指南,涨多少你说了算>>

项目有开发阶段和测试、生产阶段,需要根据不同的环境做不同的配置,比如,接口地址不同,比如生产环境关掉log

一、配置环境变量

1、项目中,是有一个 config 文件夹的,顾名思义,是一些配置文件,其中里面包含了,环境变量的文件、配置跨域等:如下图

dev.env.js => 开发环境

prod.env.js => 生产环境

test.env.js => 测试环境

2、三个文件就是对应的开发环境,用在webpack打包的时候配置文件 require,require的文件对应环境,就是当前的环境。

3、使用环境变量

注意:需要重新run dev才会生效哦!!!

好了,这样就可以根据环境变量而去应用自己的接口地址啦~

二、配置跨域

三、关掉console、warning、debugger

项目在在上生产之前,一定要把那些console打印信息,debugger调试信息,全部关掉,webpack替我们做了这些。膜拜

好了,重新run build看看 console 里面是不是比钱包还干净?真好~


695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客