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

阅读量：282 次

发布时间：2019-03-01

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

模式

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

development 模式用于 vue-cli-service serve

test模式用于 vue-cli-service test:unit

production 模式用于 vue-cli-service build 和 vue-cli-service test:e2e

环境文件

文件名	作用
.env	在所有的环境中被载入
.env.local	在所有的环境中被载入,但会被git忽略
.env.[mode]	只在指定的模式中被载入
.env.[mode].local	只在指定的模式中被载入,但会被git忽略

.env 全局默认配置文件，不论什么环境都会加载合并

.env.development 开发环境下的配置文件

.env.production生产环境下的配置文件

环境文件加载优先级

为一个特定模式准备的环境文件 (例如 .env.production) 将会比一般的环境文件 (例如 .env) 拥有更高的优先级。

环境文件发生变化，你需要重启服务。

原因: .env 环境文件是通过运行 vue-cli-service 命令载入的

环境变量

项目根目录中>>>放置下列文件>>>指定环境变量

一个环境文件只包含环境变量的’‘键=值’'对

被载入的变量将会对vue-cli-service的所有命令、插件和依赖可用。

示例 : 在vue-element-admin后台前端解决方案的.env.development文件中的代码

# just a flagENV = 'development'# base apiVUE_APP_BASE_API = '/dev-api'

注意：属性名必须以VUE_APP_开头，比如VUE_APP_XXX

关于文件的加载：

根据启动命令vue会自动加载对应的环境，vue是根据文件名进行加载的，不要乱起名，也无需专门控制加载哪个文件

比如执行npm run serve命令，会自动加载.env.development文件

关于process.env属性

全局属性，任何地方均可使用

process 对象是一个 global （全局变量），提供有关信息，控制当前 Node.js 进程。作为一个对象，它对于 Node.js 应用程序始终是可用的，故无需使用 require()。

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

你可能感兴趣的文章

MySQL 有什么优点？

mysql 权限整理记录

mysql 权限登录问题：ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)

MYSQL 查看最大连接数和修改最大连接数

MySQL 查看有哪些表

mysql 查看锁_阿里/美团/字节面试官必问的Mysql锁机制，你真的明白吗

MySql 查询以逗号分隔的字符串的方法（正则）

MySQL 查询优化：提速查询效率的13大秘籍（避免使用SELECT 、分页查询的优化、合理使用连接、子查询的优化）（上）

mysql 查询，正数降序排序，负数升序排序

MySQL 树形结构根据指定节点获取其下属的所有子节点（包含路径上的枝干节点和叶子节点）...

mysql 死锁 Deadlock found when trying to get lock； try restarting transaction

mysql 死锁(先delete 后insert)日志分析

MySQL 死锁了，怎么办？

MySQL 深度分页性能急剧下降，该如何优化？

MySQL 深度分页性能急剧下降，该如何优化？

MySQL 添加列，修改列，删除列

mysql 添加索引

MySQL 添加索引，删除索引及其用法

MySQL 用 limit 为什么会影响性能？

MySQL 用 limit 为什么会影响性能？有什么优化方案？