8.Vue3.0配置不同环境

一、创建不同环境的配置文件

一般有开发环境、生产环境、测试环境

在根目录下面分别创建 .env.development .env.production .env.testing 三个配置文件

根据官方文档介绍 .env 文件只包含环境变量的键值对 并且加载优先级高于 .evn 文件

.env 文件中的 NODE_ENV 为模式 并且只有以 VUE_APP_ 开头的变量才会静态嵌入到客户端包中 webpack.DefinePlugin

二、环境参数配置（BASE_URL:请求地址，PROXY:是否开启代理，MOCK:是否开启mock数据）

三、修改packjson文件

通过传递 --mode 选项标志来覆盖用于命令的默认模式

修改 packjson 文件 scripts serve 为  vue-cli-service serve --mode development

--mode 后面为当前开发环境文件的名称

build 也是同理

npm run serve 之后就可以访问配置文件中的变量了