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

Question

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

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

fetch("/foo")

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

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

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

Любая помощь очень ценится. Спасибо!

Answer 1

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

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

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

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