美文网首页
VUE 结合 cross-env 配置环境变量

VUE 结合 cross-env 配置环境变量

作者: 啵崽崽 | 来源:发表于2023-05-15 10:56 被阅读0次
npm install cross-env

cross-env是跨平台设置和使用环境变量的脚本。
大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样,Windows和Linux命令如何设置环境变量也有所不同。使用cross-env可以设置在不同的平台上有相同的NODE_ENV参数。

新建.env

VUE_APP_API_ENV=${API_ENV}
// 设置一个变量,API_ENV和package.json中的API_ENV=dev 相对应
官网

文档:https://cli.vuejs.org/zh/guide/mode-and-env.html

package.json

"scripts": {
    "serve": "cross-env API_ENV=dev vue-cli-service serve",
    "serve:test": "cross-env API_ENV=test vue-cli-service serve",
    "serve:prod": "cross-env API_ENV=prod vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
image.png

相关文章

  • 环境变量的设置

    cross-env 的作用:因为window和mac等不同的配置环境变量的方法是不一样的,使用cross-env可...

  • create-react-app多环境配置

    1.使用cross-env配置多环境变量 2、根目录下配置.env.development和.env.produc...

  • create-react-app:多环境变量

    1.使用cross-env配置多环境变量 2.在项目根目录下创建多环境文件:.env.development ,....

  • proxy环境变量配置

    问题:执行proxy-dev命令报错解决办法:在环境变量的配置前加cross-env原因:mac、linux系统上...

  • 使用NODE_ENV配置多个url

    首先安装cross-env(作用:跨平台设置环境变量) 在package.json里面去就可以去配置了,像这样: ...

  • Vue

    vue-cli启动项目 vue项目文件介绍 build:webpack配置 config:环境变量的配置 stat...

  • 大坑记录

    加上cross-env跨平台环境变量指令后 项目无法启动 一直在报各种的错, 最主要是报错信息如下. vue项目报...

  • 解决“vue”不是内部或者外部命令

    1. 试图全局配置 vue 的环境变量,找到 vue.cmd 的路径,然后进行配置。 问题:在系统内搜索文件,查询...

  • vue-cli3配置生产-测试环境及代码打包完自动压缩

    vue-cli3配置生产-测试环境 配置环境变量和模式 根据 vue-cli3 文档,可以通过设置项目根目录下的 ...

  • vue多环境配置cross-env

    1: 安装插件cross-env 2: 修改config中参数,新添pret环境 3:修改package.json...

网友评论

      本文标题:VUE 结合 cross-env 配置环境变量

      本文链接:https://www.haomeiwen.com/subject/cghirdtx.html