关于vue环境变量的使用

1、创建在根目录下
2、命名格式:命名分为 开发环境、测试环境、生产环境

一、环境变量写法方式

.env 基础系统变量,无论何种环境,都可使用其中配置的值,其他环境中的变量会覆盖.env中的同名变量。
.env.development 开发环境
.env.production 生产环境
.env.test 测试环境

3、内容格式
例子写法:vue2 使用是以 VUE_开头
vue3使用vite进行编译,所以变量都要以 VITE_ 开头,例如.env.development中

NODE_ENV='development'
# must start with VUE_APP_ 
VUE_APP_ BB= 'development'
# 本地环境
VUE_APP_BB = '/api'  (开发环境Title)

二、使用多环境配置,package.json文件:用于build 打包配置

"scripts": {
    "dev": "vue-cli-service serve --open",
    "prod": "vue-cli-service build --mode production",
    "stage": "vue-cli-service build --mode staging",
  },

加粗样式

相关推荐

  1. 关于vue环境变量使用

    2024-07-15 15:46:02       14 阅读
  2. Vue模式和环境变量

    2024-07-15 15:46:02       48 阅读
  3. 掌握uboot使用2个关键点:命令和环境变量

    2024-07-15 15:46:02       34 阅读
  4. vue 项目 index.html 中使用环境变量

    2024-07-15 15:46:02       57 阅读
  5. vue 环境变量那些事

    2024-07-15 15:46:02       20 阅读
  6. k8s中,configMap与环境变量关系

    2024-07-15 15:46:02       26 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-15 15:46:02       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-15 15:46:02       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-15 15:46:02       58 阅读
  4. Python语言-面向对象

    2024-07-15 15:46:02       69 阅读

热门阅读

  1. 软件测试中Bug分析的艺术:方法与实践

    2024-07-15 15:46:02       20 阅读
  2. go 的HTTP请求处理

    2024-07-15 15:46:02       17 阅读
  3. 洛谷 P1162 填涂颜色

    2024-07-15 15:46:02       23 阅读
  4. wxz196二次消谐装置的消除功能介绍

    2024-07-15 15:46:02       18 阅读
  5. js的call和apply

    2024-07-15 15:46:02       18 阅读
  6. netty创建tcp服务端+客户端

    2024-07-15 15:46:02       19 阅读
  7. Python循环遍历:深入理解与实战应用

    2024-07-15 15:46:02       23 阅读
  8. 【Unity】制作简易计时器

    2024-07-15 15:46:02       20 阅读
  9. 文件读写的视频存在这里

    2024-07-15 15:46:02       16 阅读