Как сохранить URL домена в одном файле и повторно использовать его в разных компонентах?

Question

Итак, у меня есть URL домена, который я использую с разными путями, чтобы делать разные запросы к API. так, например, «api.example-url.com», я использую его с разными путями, такими как «api.example-url.com/path1» и «api.example-url.com/path2», поэтому я хочу сохранить URL-адрес домена в одном файле, а затем импортируйте его в разных компонентах, чтобы я мог использовать его с разными путями, и всякий раз, когда изменяется домен, я могу просто изменить домен в этом файле. это возможно в responsejs?

Answer 1

Есть несколько способов сделать это - настроить с помощью

WebPack

Как это

    plugins: [
     new webpack.DefinePlugin({
     BASE_URL: (typeof process.env.BASE_URL !== 'undefined') ? 
      process.env.BASE_URL : 'http://localhost:3000'
     })
    ],

Вы можете определить это в конфигурации вашего веб-пакета. так что вы можете использовать в любом месте кода.

Другое - определить константу и импортировать ее для использования в любом месте кода.

export const BASE_URL = "http://example.com"

Answer 2

Используйте для этого переменные среды. Вы можете получить доступ к process.env с помощью плагина webpack DefinePlugin или EnvironmentPlugin. Вот документация (https://webpack.js.org/plugins/environment-plugin/).

Допустим, ваша переменная окружения называется 'ROOT_URL', тогда вы можете создать свой URL, как показано ниже

url = '${process.env.ROOT_URL}/YOUR_PATH'

UPDATE

В случае, если вы используете create-react-app. Вы можете установить имя переменной env, начиная с REACT_APP_[YOUR_VARIABLE]. В вашем случае имя переменной будет REACT_APP_ROOT_URL, и url также будет соответственно изменено.