env.development 和 .env.production环境文件 process.env属性-白红宇

env.development 和 .env.production环境文件 process.env属性

阅读量：282 次

发布时间：2019-03-01

本文共 793 字，大约阅读时间需要 2 分钟。

模式

在 Vue CLI 项目中，模式是一个重要的概念。默认情况下，一个 Vue CLI 项目有三个模式：开发、测试和生产。

开发模式：用于 vue-cli-service serve 命令。

测试模式：用于 vue-cli-service test:unit 命令。

生产模式：用于 vue-cli-service build 和 vue-cli-service test:e2e 命令。

环境文件

环境文件用于配置项目在不同环境下的行为。常见的环境文件类型包括：

文件名	描述
.env	在所有环境中被加载，合并使用
.env.local	在所有环境中被加载，但会被 Git 忽略
.env.[mode]	只在指定模式下被加载
.env.[mode].local	只在指定模式下被加载，但会被 Git 忽略

环境文件的优先级规则：

先加载特定模式的环境文件（如 .env.development）。

再加载通用环境文件（如 .env）。

环境变量

环境变量通过环境文件定义，格式为 键=值。变量需以 VUE_APP_ 开头，例如 VUE_APP_BASE_API。这些变量会被 Vue CLI 的所有命令、插件和依赖访问。

关于环境文件的加载

环境文件的加载是根据启动命令自动完成的，不需要手动控制。例如：

执行 npm run serve 会加载 .env.development。

执行 npm run build 会加载 .env.production。

process.env 属性

process.env 是一个全局对象，提供了 Node.js 进程的信息。它允许在任何地方访问当前环境的配置，不需要使用 require()。

通过合理配置环境文件和正确使用 process.env，可以实现对项目环境的精细控制。理解这些概念对于优化和维护 Vue CLI 项目至关重要。

转载地址：http://njca.baihongyu.com/

你可能感兴趣的文章

pip install goose-extractor // SyntaxError: Missing parentheses in call to 'print'

pip install mysqlclient报错

pip install 出现报asciii码错误的解决

pip throws TypeError: parse() got an unexpected keyword argument ‘transport_encoding‘ 在尝试安装新软件包时

pip 升级报错AttributeError: ‘NoneType’ object has no attribute ‘bytes’

pip 安装opencv-python卡死

pip 安装出现异常

Pip 安装失败:需要 SSL

Pip 安装挂起

pip 或 pip3 为 Python 3 安装包?

pip 文件损坏导致 pip无法使用报错 ImportError: cannot import name 'main' from 'pip._int

pip 无法从 requirements.txt 安装软件包

pip/pip3更换国内源

pip3 install PyQt5 --user 失败

pip3命令全解析：Python3包管理工具的详细使用指南

pip3安装命令重复创建文件‘/tmp/pip-install-xxxxx/package‘失败

PIPE 接口信号列表

pipeline配置与管理Job企业级实战

pipeline项目配置实战