Я новичок в response.js. Я реализовал один компонент, в котором я извлекаю данные с сервера и использую их как

CallEnterprise:function(TenantId){


    fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) 
    {
        EnterprisePerspectiveActions.getEnterprise(enterprises);
    }).catch(function()
    {
        alert("There was some issue in API Call please contact Admin");
        //ComponentAppDispatcher.handleViewAction({
        //    actionType: MetaItemConstants.RECEIVE_ERROR,
        //    error: 'There was a problem getting the enterprises'
        //});
    });
},

Я хочу сохранить URL-адрес в файле конфигурации, поэтому, когда я развернул его на сервере тестирования или на производстве, мне нужно просто изменить URL-адрес в файле конфигурации не в файле js, но я не знаю, как использовать файл конфигурации в response.js

Может ли кто-нибудь помочь мне, как я могу этого добиться?

С помощью webpack вы можете поместить конфигурацию, специфичную для env, в externalsполе вwebpack.config.js

externals: {
  'Config': JSON.stringify(process.env.NODE_ENV === 'production' ? {
    serverUrl: "https://myserver.com"
  } : {
    serverUrl: "http://localhost:8090"
  })
}

Если вы хотите сохранить конфигурации в отдельном файле JSON, это тоже возможно, вы можете потребовать этот файл и назначить его Config:

externals: {
  'Config': JSON.stringify(process.env.NODE_ENV === 'production' ? require('./config.prod.json') : require('./config.dev.json'))
}

Затем в своих модулях вы можете использовать конфигурацию:

var Config = require('Config')
fetchData(Config.serverUrl + '/Enterprises/...')

Для React:

import Config from 'Config';
axios.get(this.app_url, {
        'headers': Config.headers
        }).then(...);

Не уверен, что он подходит для вашего варианта использования, но у нас он работает очень хорошо.

Если вы использовали приложение Create React, вы можете установить переменную среды с помощью файла .env. Документация здесь:

https://facebook.github.io/create-react-app/docs/adding-custom-environment-variables

Обычно делайте что-то подобное в файле .env в корне проекта.

REACT_APP_NOT_SECRET_CODE=abcdef

Вы можете получить к нему доступ из своего компонента с помощью

process.env.REACT_APP_NOT_SECRET_CODE

Вы можете использовать пакет dotenv независимо от того, какую установку вы используете. Это позволяет вам создать .env в корне вашего проекта и указать ваши ключи так:

REACT_APP_SERVER_PORT=8000

В файле ввода вашего приложения просто вызовите dotenv (); перед доступом к таким клавишам

process.env.REACT_APP_SERVER_PORT

Если у вас есть файл .properties или файл .ini

На самом деле, если у вас есть файл с такими парами значений ключа:

someKey=someValue
someOtherKey=someOtherValue

Вы можете импортировать это в webpack с помощью модуля npm под названием properties-reader

Я нашел это действительно полезным, так как я интегрирую реакцию со средой Java Spring, где уже есть файл application.properties. Это помогает мне хранить все конфигурации в одном месте.

1. Импортируйте это из раздела зависимостей в package.json

"properties-reader": "0.0.16"

2. Импортируйте этот модуль в webpack.config.js сверху

const PropertiesReader = require('properties-reader');

3. Прочтите файл свойств

const appProperties = PropertiesReader('Path/to/your/properties.file')._properties;

4. Импортируйте эту константу как config

externals: { 'Config': JSON.stringify(appProperties) }

5. Используйте его так же, как указано в принятом ответе

var Config = require('Config') fetchData(Config.serverUrl + '/Enterprises/...')