使用create-app-react創建項目,執行npm run eject暴露配置文件
進入config->env.js文件,在該文件中找到getClientEnvironment函數,此函數返回的是客戶端的環境變量
在getClientEnvironment函數中,NODE_ENV既為環境變量,在外部可以直接使用process.env.NODE_ENV獲取到當前環境
注:一般情況下是不會去修改PUBLIC_URL的,如果將文件放入public文件夾,webpack不會處理它。相反,它將被復制到構建文件夾中。需要引用public文件夾中的資源,這時才使用PUBLIC_URL。
在開發過程中,我們需要針對production和development環境配置不同的請求路徑,具體配置如下:
這樣配置完成之后,可以在外部直接使用process.env.REQUEST_URL獲取到不同環境下的url。如下圖,當前環境為開發環境,輸出開發環境下的請求url