Я создаю приложение React SPA с нуля, используя create-react-app
, и настраиваю адрес URI для сервера API моего SPA.Согласно официальной документации, предлагается создать среду .env
файлов для таких нужд.Я использую непрерывную доставку как часть процесса разработки.После развертывания приложение React SPA переходит в один контейнер Docker, а API переходит в другой.Эти контейнеры развернуты на отдельных серверах, и я не знаю точно, каким будет URI для API, поэтому нет способа создать отдельный файл .env
для каждого развертывания.Есть ли «правильный способ» обеспечить динамическую настройку для моего приложения SPA, чтобы я мог легко изменять параметры среды
Примеры API URI в SPA
// api.config.js
export const uriToApi1 = process.env.REACT_APP_API1_URI;
export const uriToApi2 = process.env.REACT_APP_API2_URI;
// in App.js
import { uriToApi1, uriToApi2 } from '../components/config/api.config.js';
/* More code */
<DataForm apiDataUri={`${uriToApi1}/BasicService/GetData`} />
/* More code */
<DataForm apiDataUri={`${uriToApi2}/ComplexService/UpdateData`} />