react区分不同生产环境

react区分不同生产环

1.  
   if (process.env.NODE_ENV === 'production') {
2.  
   return `https://****.*****.com/#/dashboard/${row.dashboardId}/show`
3.  
   } else if (process.env.NODE_ENV === 'stage') {
4.  
   return `https://*****.st.***.com/#/dashboard/${row.dashboardId}/show`
5.  
   } else {
6.  
   return `http://*****.test.****.com/#/dashboard/${row.dashboardId}/show`
7.  
   }

传统的方法就是通过process.env.NODE_ENV这个参数来区分当前的生产环境，但是我在实际使用的时候却发现，不管是线上还是st还是dev环境，都是给我返回的线上那条url。

后来改用域名来判断当前生产环境，这个要比process.env.NODE_ENV这个参数好用。

1.  
   let url = window.location.host;
2.  
   if(url === '***.dev.***.com' || url === 'localhost:3030' ){
3.  
   return `http://.***.test.***.com/#/dashboard/${row.dashboardId}/show`
4.  
   }else if(url === `***.test.***.com`){
5.  
   return `http://***.***.test.***.com/#/dashboard/${row.dashboardId}/show`
6.  
   }else if(url === '***.st.***.com'){
7.  
   return `https://***.***.st.***.com/#/dashboard/${row.dashboardId}/show`
8.  
   }else if(url === '***.***.com'){
9.  
   return `https://***.***.com/#/dashboard/${row.dashboardId}/show`
10.  
    }