vue如何判断项目是开发环境还是线上环境或者本地环境

前言

大家好，我是桃花郎，用最通俗易懂的话讲最难的知识点是我的初心。

喜欢我的文章的小伙伴们 关注下我的微信公众号：前端桃花郎

😘

话不多说开始教程

判断环境

前端程序员在前端项目开发中，需要根据不同的开发环境，判断调用的后端接口域名地址。

分为两种方法判断环境 如下

方法1 process.env.NODE_ENV

if (process.env.NODE_ENV == "development") {
  //开发环境
} else if (process.env.NODE_ENV == "production") {
  //生产环境
}else{
	//本地环境
}

方法2 process.env.NODE_ENV

if (window.location.origin.indexOf("test.123456.com") > -1) {

	//测试项目的域名 test.123456.com  

} else if (window.location.origin.indexOf("prod.123456.com") > -1) {

	//生产环境 线上项目的域名  prod.123456.com  

}else{

	//本地环境

}