Моя установка:
Использование react-create-app с использованием прокси для использования с ним серверного API. (Использование приложения create-react-app с сервером)
Поскольку API Yahoo oAuth2 не разрешает localhost:**** или 127.0.0.1:**** в своих обратных вызовах URL-адресов ссылка.
Для этого мне нужно сначала создать прокси-сервер Nginx для отправки localhost: 3000 на порт 80, а затем я перенаправляю локальный хост на -> mywebsite.dev
Хорошо, эта настройка отлично работает, если я использую простой сервер node.js:
- Нажмите кнопку входа в Yahoo (/auth)
- Аутентификация на сервере и отправка на URL-адрес обратного вызова (mywebsite.dev/callback)
- После согласия с условиями yahoo меня перенаправляют на /callback, и я могу нормально использовать API
Но при использовании настройки приложения create-реагировать у меня возникают проблемы.
A) При запуске сервера все работает нормально, я захожу на mywebsite.dev, но потом получаю следующее: Я получаю сообщение об ошибке, когда сервер webpack-dev пытается прослушать локальный хост:* *** и поскольку URL-адрес mywebsite.dev, он выдает эту проблему, и я не могу ее исправить!
Итак, вопрос в том, как сообщить Webpack, что мой локальный сервер находится на mywebsite.dev, а не на localhost:****?
Связано: ссылка 1 - аналогичная проблема, ссылка 2 — имя пользовательского домена node.js