首頁猿問 React JS -...

React JS - 從外部屬性文件讀取環(huán)境配置

JavaScript

ABOUTYOU 2021-12-23 14:46:56

問題：我是新手React JS，正在尋找從外部屬性文件讀取環(huán)境配置的選項(xiàng)。這個(gè)問題對于我的一位客戶來說更具體，他希望有一個(gè)選項(xiàng)來動(dòng)態(tài)更改環(huán)境文件。例如，hostname/port只要有變化就動(dòng)態(tài)更改。構(gòu)建過程不屬于我的客戶。我創(chuàng)建了一個(gè)縮小的最終包，我的客戶將其部署在tomcat/web server.嘗試的解決方案：通過一些讀數(shù)，我已經(jīng)為不同的環(huán)境配置了 .env 文件，并且能夠成功地從這些文件中讀取配置。但是，這些更多的是構(gòu)建過程環(huán)境文件。而且，我試圖找到一種方法，在我的包創(chuàng)建后從外部源讀取配置?？赡艿慕鉀Q方案：這是我能想到的一種可能的方法-使用諸如“properties-reader”之類的庫讀取外部屬性文件。我將提供屬性文件作為我的發(fā)布包（即構(gòu)建文件夾）的一部分。我的客戶可以在需要時(shí)更改此屬性文件。請建議這是正確的方法還是有更好的解決方案？

查看完整描述

2 回答

喵喵時(shí)光機(jī)

TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊

一個(gè)對我有用的解決方案！！

1）在反應(yīng)項(xiàng)目的公共文件夾中創(chuàng)建一個(gè)“config.js”文件。“config.js”文件的示例內(nèi)容 -

window.env = {

API_DOMAIN_ADDR: "http://localhost:8080"

};

2) 參考 index.html 中的“config.js”文件。index.html 的代碼將是 -

<body>

</body>

3) 現(xiàn)在，反應(yīng)代碼可以訪問 config.js 文件的內(nèi)容。檢索 config.js 變量值的示例代碼 -

window.env.API_DOMAIN_ADDR

在需要訪問變量值的地方添加此代碼。我在我的服務(wù)類中添加了這個(gè)，它正在進(jìn)行 ajax 調(diào)用。

反對回復(fù) 2021-12-23

白衣非少年

TA貢獻(xiàn)1155條經(jīng)驗(yàn) 獲得超0個(gè)贊

我建議使用類似Firebase Realtime DB 的東西。我有一個(gè)類似的要求，將應(yīng)用程序構(gòu)建指向我公司的生產(chǎn)或開發(fā)服務(wù)器 API。為此，我們使用加載 Firebase 配置，并從那里加載用于選擇主機(jī)服務(wù)器端點(diǎn)的 UI。

好處：