zoukankan      html  css  js  c++  java
  • Vue不同环境的启动/打包配置

    有时候,开发过程中,项目会有很多环境

    dev:本地开发环境
    uat:测试/预发布环境
    production:正式/生产环境

    不同环境下,打包、部署和api的调用都是不同的。
    如果每次都频繁修改代码,明显是不理智的,效率也是很低的

    使用如下
    在package.json新增命令脚本

    "scripts": {
    "serve": "vue-cli-service serve",
        "build": "vue-cli-service build",
        "dev": "vue-cli-service serve --mode dev",
        "pre": "vue-cli-service serve --mode pre",
        "production": "vue-cli-service serve --mode production",
        "build:dev": "Vue-cli-service build --mode dev",
        "build:uat": "Vue-cli-service build --mode uat",
        "build:production": "Vue-cli-service build --mode production",
    },

    在项目根目录下,增加配置文件

    --mode uat意思为指定环境模式为uat,会调用.env.uat文件。默认不指定则为development。所以我们建立多个配置文件

     如果是本地运行的话配置文件里面的环境得是development 如果只是打包命令的话配置文件是development就OK

     这些配置文件的变量,是整个项目都可以访问全局变量

    然后如果是使用axios做请求的话设置

    axios.defaults.baseURL = process.env.VUE_APP_API
     
    接下来就试试吧
     
     
  • 相关阅读:
    获取Web打印的实际打印次数
    Web打印的在线设计
    上海交易所的STEP/FIX/FAST协议解析
    回忆我的姑妈
    指定Web打印的打印机
    Web打印控件设计
    最终用户在线设计和修改Web报表
    NOIP2021 游记
    gym103427 部分题解
    gym103428 部分题解
  • 原文地址:https://www.cnblogs.com/wxy0/p/14355162.html
Copyright © 2011-2022 走看看