vue项目dev.env.js和prod.env.js

JavaScript038

vue项目dev.env.js和prod.env.js,第1张

  在开发过程中，经常会设置端口和IP之类的，而且开发和生成环境会不一样，如果每次发布都要修改配置，会非常的不方便，而且有时会忘记修改。在vue项目中，有两个配置文件，分别为 dev.env.js 、 prod.env.js 。下面是 dev.env.js 的内容：

   BASE_URI 是服务器的api路径，我们在 dev.env.js 和 prod.env.js 都配置一个，这样我们在使用的时候，直接通过 process.env.BASE_URI 获取就可以了，不用担心切换环境导致的问题了。

一个是开发环境，一个是生产环境。

dev是开发的意思，prod是生产的意思。两者的配置可以相同，也可以不同。一般情况下是不相同的，所以需要分开设置。

dev环境会包含测试、调试所需要的文件，生产环境只会包含正式上线发布所包含的文件。

参考官方文档

uni-app 项目中配置环境变量主要有如下三种方式

首先修改 package.json 文件

此时运行和发行下拉菜单都会有测试环境这个选项也可以运行。

但是手机模拟器并不能选择那个环境运行，运行默认是开发环境。但是我想切换测试环境。我是没有找到怎么切换。所以后来我选择 .env 配置环境变量

新建几个环境变量文件

.env.js

.env.dev.js

.env.test.js

.env.prod.js

然后修改.env.js

修改.env.dev.js 测试，生产环境同样的

然后再main.js

使用

如果要使用测试环境,修改.env.js