VUE中通过process.env判断开发,测试和生产环境,并分环境配置不同的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"',
}
你的NODE_ENV字段值不一定跟我一样,但是这个标记就是环境标识,我现在组件里面打印一下结果,给大家看下:
mounted() {
console.log(process.env.NODE_ENV);
// 打印结果
// 开发环境‘development’
// 测试环境‘testing’
// 生产环境‘production’
}
如果你想在组件中分环境处理相关方法,可以像这样用:
if(process.env.NODE_ENV === 'development') {
// 开发环境相关特殊方法
}
if(process.env.NODE_ENV ==