Не использовать localhost в HOST для разработки с помощью create-реагировать на приложение

Question

Моя проблема довольно проста: я хотел бы избежать использования localhost в конце моей HOST переменной env с create-реагировать-приложение. Однако, похоже, что если URL-адрес не заканчивается на .localhost, сценарий попытается разрешить URL-адрес для DNS-сервера.

Я бы хотел избежать этого и просто использовать тот же домен URL, который используется моим внутренним сервером, чтобы избежать проблем с CORS (и я не хочу настраивать свой внутренний сервер, чтобы разрешать CORS, потому что производственная инфраструктура не такая).

Спасибо:)

Answer 1

Если вы хотите использовать какой-либо пользовательский домен локально, не разрешая его снова на DNS-сервере, вы можете добавить этот домен в файл hosts.

Расположение файла hosts в Windows:

C:\Windows\System32\drivers\etc\hosts

Расположение файла hosts на Mac:

/etc/hosts

Вы можете изменить файл hosts, добавив в него следующую строку:

127.0.0.1       yourcustomdomain.com

Это свяжет yourcustomdomain.com с вашим локальным IP.Теперь вы можете использовать yourcustomdomain.com в вашем create-react-app.

Answer 2

Истинная проблема, с которой вы здесь сталкиваетесь, это CORS. Стандартное решение для этого на самом деле просто прокси-запрос, чтобы они поступали из одного источника. У Webpack есть чистый способ сделать это. Смотрите этот блог на facebook: https://facebook.github.io/create-react-app/docs/proxying-api-requests-in-development

Это стало невероятно легко сделать сейчас. Все, что вам нужно сделать, это добавить поле proxy к вашему package.json. Например -

"proxy": "http://localhost:4000",