关于vue和nuxt的env配置。

VUE

env配置是为了前端能够根据不同的环境，在一些功能上有不同表现。如请求数据的接口。为了不用频繁修改这些配置，可以配置env来让程序中有一个很方便的判断环境的属性，或者是可以直接使用当前环境的特定配置的属性。
首先在根目录放三个固定文件

这三个文件，命名固定，不能乱改。
.env：基础配置项，无论在哪个环境运行，都会加载里面的内容
.env.development:开发环境会加载，而且相同的配置项会覆盖掉.env中的
.env.production:生产环境会加载，而且相同的配置项会覆盖掉.env中的

这里面通过以VUE_APP_开头来定义属性保存一些内容。开头是固定的在vue项目中不能改变
而NODE_ENV是设置当前的环境，对于.env.development不应该设置环境为production。如果设置了，控制台会给警告和提示，并且环境会以生产模式运行

默认情况下，npm run serve 是开发环境 npm run build后的dist里面运行的是开发环境

但是 你可以在package.josn中，在后面用 --mode xxxxx来设置环境
更多配置
可以npm i cross-env 安装cross-env插件。然后在package.json中进行不同环境的配置和属性修改

这样就能配置更多不同环境和属性

如何使用这个东西

在组件中，js文件中，甚至是vue.config.js中，可以直接使用process.env来访问这个env对象（我个人暂且称为这个）。

这里，我直接在main.js中打印一下这个对象

我们可以看见，有一个显示当前基础路径的BASE_URL
还有我们在.env.xxxx文件中配置的NODE_ENV和VUE_APP_BASE_URL
那么，我们就可以在各种不同地方进行使用了，通过不同环境来干不同事儿。
常用的，就是vue.config.js中配置请求的基础路径

接下来附带nuxt中使用这个东西

nuxt

nuxt中，不需要那三个文件
首先在nuxt.config中配置env 注意加个 || 来做容错处理

然后安装cross-env npm i cross-env
最后在package.json中进行各种配置即可

相同的属性名对应相同的属性值。并且可以做不同配置。
同样的，可以在各个地方去使用