码迷,mamicode.com
首页 > 其他好文 > 详细

react区分不同生产环境

时间:2020-11-10 10:41:21      阅读:3      评论:0      收藏:0      [点我收藏+]

标签:区分   环境   line   就是   head   number   ati   return   class   

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.  
    }

react区分不同生产环境

标签:区分   环境   line   就是   head   number   ati   return   class   

原文地址:https://www.cnblogs.com/fyh0912/p/13948718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!