React APP открывает 2 вкладки при настройке с BROWSER и BROWSER_ARGS при запуске сервера

Question

Я создал React APP, прослушивающий порт по умолчанию 3000. Локально я также запускаю Nginx на порту 8000 в качестве обратного прокси-сервера для нескольких внутренних служб, включая ReactAPP и удаленный сервер GraphQL. Поэтому, когда я запускаю сервер, я бы хотел, чтобы браузер открывался на локальном хосте: 8000, а не на локальном хосте по умолчанию: 3000.

Следуя расширенной конфигурации здесь: https://create-react-app.dev/docs/advanced-configuration сконфигурировал мой скрипт dev в пакете. json с переменными BROWSER и BROWSER_ARGS:

"dev": "BROWSER=google-chrome BROWSER_ARGS=http://localhost:8000 react-scripts start",

Это правильно откроет вкладку браузера для localhost: 8080, но также откроет вкладку для localhost: 3000 , Как мне настроить реагирующие скрипты, чтобы открывать только нужную мне страницу?

Я использую версию 3.4.0 реагирующих скриптов

Answer 1

Я думаю, что использование BROWSER_ARGS является неправильным, потому что, как сказано в документации, оно передается в качестве аргумента, поэтому ваш браузер будет использовать порт 3000, затем передается этот аргумент, который является другим URL или портом, и так же 2 вкладки.

Вместо этого используйте PORT. Я думаю, как указано в документации, для изменения порта

определение PORT ниже "По умолчанию веб-сервер разработки будет пытаться прослушивать порт 3000 или запрашивать у вас попытаться использовать следующий доступный порт. Вы можете использовать эту переменную для указания другого порта. "