模式

模式是 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

vue官方文档

环境文件

文件名	作用
.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 flag
ENV = 'development'# base api
VUE_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()。

env.development 和 .env.production环境文件 process.env属性相关推荐

nodejs 获取系统环境变量_Node.js中环境变量process.env的一些事详解
前言最近这两天在和运维GG搞部署项目的事儿.碰到一个问题就是,咱们的dev,uat,product环境的问题. 因为是前后端分离,所以在开发和部署的过程中会有对后端接口的域名的切换问题.折腾了一下午 ...
环境变量process.env.NODE_ENV详解
process.env.NODE_ENV详解前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家. 一. p ...
NodeJS的环境变量process.env.*
NodeJS的环境变量process.env.* 在学习一些关于node框架时,经常会看到类似的代码 if (process.env.NODE_ENV === 'production') {modul ...
Node 环境变量 process.env.NODE_ENV 之webpack应用
转载来源:https://github.com/wfzong/NODE_ENV_TEST,这里还有源码可以学习,谢谢原作者的分享! 对于process.env.NODE_ENV困惑起因为在配置webp ...
vue项目中的 env文件从何而来？什么是 process.env
start 在 vue 项目中,时常会遇到到这么一行代码 process.env 这东西是什么,怎么用? 今天一篇文章带你了解 process.env 1.使用场景先别急,先看 vue 项目中的用法 ...
vue中的.env | .env.development | .env.production的使用
.env--全局默认配置文件,无论什么环境都会加载合并 .env.development--开发环境下的配置文件 .env.production--生产环境下的配置文件注意:属性名必须以VUE_AP ...
process.env环境变量配置方式（配置环境变量区分开发环境和生产环境）
一.process.env 为何物? 言归正传. process.env 是 Node.js 中的一个环境变量.其中保存着系统的环境的变量信息.可使用 Node.js 命令行工具直接进行查看: 1.安 ...
【node】express的www.js文件里面的process.env.PORT
问题描述在分析www.js里面的代码的时候,有: var port = normalizePort(process.env.PORT || '3001'); app.set('port', port ...
process.env.NODE_ENV与@vue/cli-service及其.env.*默认外部环境配置文件之跨域部署
process.env.NODE_ENV与@vue/cli-service及其.env.*默认外部环境配置文件之跨域部署目录 process.env.NODE_ENV与@vue/cli-servic ...

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

模式