[配置]VUE中通过process.env判断开发，测试和生产环境，并分环境配置不同的URL HOST

需求：

VUE开发前端项目，需要分环境配置URL和做相关处理

思路：通过process.env做判断和处理

实现一：环境区分

1，找到项目配置文件夹：
config文件夹
2，进入如下三个文件：
dev.env.js 对应开发环境
test.env.js 对应测试环境
prod.env.js 对应生产环境
找到如下代码：

// 开发环境
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
})

// 测试环境
module.exports = merge(devEnv, {
  NODE_ENV: '"testing"',
})

// 生产环境
module.exports = {
  NODE_ENV: '"production"',
}

3，你的NODE_ENV字段值不一定跟我一样，但是这个标记就是环境标识,我现在组件里面打印一下结果，给大家看下:

  mounted() {
    console.log(process.env.NODE_ENV)；
    // 打印结果
    // 开发环境‘development’
    // 测试环境‘testing’
    // 生产环境‘production’
  }  

如果你想在组件中分环境处理相关方法，可以像这样用: