Настройка базового URL для производства при использовании прокси в разработке в React

#reactjs #proxy #production-environment #fetch-api

#reactjs #прокси #производственная среда #fetch-api

Вопрос:

Я настраиваю новый проект. В нем я использовал настройки прокси внутри моего package.json.

Теперь, каждый раз, когда я использую выборку, я делаю это:

 fetch("/foo")
  

вместо этого:

 fetch("http://www.bar.com/foo")
  

Все это хорошо, пока я нахожусь в режиме разработки. Однако я не знаю, как я могу предоставить моему fetch() соответствующий базовый URL-адрес, пока мое приложение находится в рабочем режиме.

Любая помощь приветствуется. Спасибо!

Ответ №1:

1) Создайте config.json и добавьте пару ключ-значение базового url в формате json, как показано ниже.

 {
  "baseUrl": "http://www.bar.com/",
}
  

2) Для операций CRUD через выборку или любую другую библиотеку используйте baseUrl из конфигурации. Вы можете изменить baseUrl с помощью webpack при сборке для разных сред, таких как производство или разработка.

Надеюсь, это поможет!!