专栏首页移动端周边技术扩展Vue(CLI3.0)多环境配置问题2020

Vue(CLI3.0)多环境配置问题2020

vue-cli3.0多环境配置

通常开发运行项目时候只需要一个'development'(开发环境),打包时候却需要打'n种环境'(测试环境、uat环境、正式环境)的包,废话不多说进入主题,配置打多种 环境的包

第一步

在根目录下创建'.env.development'(开发环境)、'.env.production'(生产环境)', 这里的'.env'后面的名字可以自己随便起,但是默认是有2种环境(development、production),如果想多增加别的环境就手动创建新的.env文件即可

截屏2020-05-20下午4.33.57.png

在对应的环境文件(.env.development、.env.production、.env.uat)中配置对应的环境的服务器地址即可

第二步

修改package.json文件

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build --mode local",
    "build--prod": "vue-cli-service build --mode production",
    "build--dev": "vue-cli-service build --mode development",
    "lint": "vue-cli-service lint",
  },

第三步

使用 在axios封装的js配置文件中修改

baseURL: process.env.VUE_APP_BASE_API // 配置axios请求服务器地址

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Swift基于CocoaAsyncSocket开发Socket通信

    程序员不务正业
  • 关于CocoaAsyncSocket中的tag值问题

    程序员不务正业
  • Server持续构建IPA测试

    程序员不务正业
  • 自动化测试工具QTP的使用实例

    QTP是QuickTest Professional的简称,是一种自动化软件测试工具。在软件的测试过程中,QTP主要来用来通过已有的测试脚本执行重复的手动测试,...

    Dabelv
  • Flink 16种数据转换操作,满足所有数据处理场景

    数据转换(Transformation),即通过从一个或多个 DataStream 生成新的DataStream 的过程,是主要的数据处理的手段。Flink 提...

    kk大数据
  • zipkin:打造自己的链路跟踪系统(一)

    在官方的demo中提供了docker镜像启动和jar包启动,但如果要做个性化开发的话必须通过自建项目然后引入zipkin server依赖进行启动。 前面两种启...

    不会飞的小鸟
  • 线上百万级数据查询接口优化过程

    最近遇到一个数据查询接口性能低下的问题,需要进行优化,从解决方案的调研与梳理到方案的确定,再到最终方案的执行落地,我将优化的过程完整的记录了下来,与大家分享学习...

    用户1516716
  • 【WP之一】]独立存储

    介绍: 提供一个磁盘存储空间,他是一种虚拟的文件系统,能存储小量的数据;在默认的情况下,它只能存储1MB的文件。根据使用方式及功能的不同,独立存储空间又包含两部...

    小端
  • 前端优秀工具网站推荐,最后一个相见恨晚

    这个网站是压缩图片的利器,压缩比例也是非常的大,下面是随机挑选一张图片的压缩测试,压缩比高达75%。操作很简单,只有两步——拖拽+下载

    用户1687375
  • 士兵虚拟训练—走进美国人工智能

    大数据文摘

扫码关注云+社区

领取腾讯云代金券