react官方 腳手架 中 配置服務器接口環境，不同的打包名

使用react官方腳手架，在開發中，難免要自己配置接口服務環境，打不同的包，作爲一名前端，這一切都想要自動化，手動改容易出錯，而且比較麻煩，接下來，記錄一下自己的配置之旅。。。

參考react-create-app 文檔

react 兼容 IE 7 - 8 低版本

具體配置

... 創建項目.... 

項目結構

同樣是在項目根目錄下 創建 .env 文件， 默認讀取 （設置特定環境 接口地址）

.env.development， 設置開發環境接口地址

 .env.test,  設置測試環境接口地址

 .env.production   設置生產環境接口地址

再 .env 開頭的文件中 ，需要設置變量名，必須以 REACT_APP_ 開頭才能工作

開發接口配置

生產接口配置

打印測試 

再index.js 中  添加如下代碼測試

console.log(process.env)

啓動服務

npm start

配置不同的打包環境,參考 另一篇文章，兩者結合

暴露配置文件