react區分不同生產環境

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

傳統的方法就是通過process.env.NODE_ENV這個參數來區分當前的生產環境，但是我在實際使用的時候卻發現，不管是線上還是st還是dev環境，都是給我返回的線上那條url。

後來改用域名來判斷當前生產環境，這個要比process.env.NODE_ENV這個參數好用。

let url = window.location.host;
if(url === '***.dev.***.com' || url === 'localhost:3030' ){
            return `http://.***.test.***.com/#/dashboard/${row.dashboardId}/show`
        }else if(url === `***.test.***.com`){
            return `http://***.***.test.***.com/#/dashboard/${row.dashboardId}/show`
        }else if(url === '***.st.***.com'){
            return `https://***.***.st.***.com/#/dashboard/${row.dashboardId}/show`
        }else if(url === '***.***.com'){
            return `https://***.***.com/#/dashboard/${row.dashboardId}/show`
        }