Как повернуть прокси в приложении с помощью htaccess? - PullRequest
Новая
       18

Как повернуть прокси в приложении с помощью htaccess?

0 голосов
/ 09 апреля 2019

Вот что у меня есть: WordPress сайт: http://35.240.238.94 сайт приложения реакции: http://35.198.238.40

Что я хочу сделать: Обратный прокси-сервер к приложению реакции, чтобы, когда явведите этот URL: http://35.240.238.94/datastaging, сайт приложения реакции (http://35.198.238.40) обслуживается, но URL не должен изменяться.

Чтобы сделать это, я добавил это в .htaccess:

RewriteEngine On
RewriteRule ^datastaging(.*) http://35.198.238.40/data [P]
RewriteEngine Off

Я вижу, что приложение реакции реагирует (название вкладки меняется на название приложения), но отображаемая страница пуста, и когда я проверяю консоль, она показывает Unexpected token <. После дальнейшего изучения ошибкауказывает на строку <!DOCTYPE html> моего приложения реакции.

Есть идеи, как это исправить и правильно обслуживать приложение реакции?

Спасибо!

1 Ответ

0 голосов
/ 11 апреля 2019

ПРИМЕЧАНИЕ. Это относится к Получение блокировки перекрестного источника (CORB) заблокированного ответа перекрестного происхождения с текстом MIME типа / html при обслуживании приложения ReactJS . Это тот же ответ, который дан на этот вопрос.

===

Разобрался. Из-за обратного прокси, браузер искал статическую папку приложения ReactJS на сервере сайта Wordpress вместо сервера приложений React. Я получил предупреждение CORB, так как он не получал ожидаемый файл CSS.

Чтобы исправить, мне пришлось создать еще одно правило перезаписи, на этот раз для запросов к папке / static. Мой файл .htaccess теперь выглядит примерно так: 

RewriteEngine On
RewriteRule ^datastaging(.*) http://35.198.238.40/data/$1 [P]
RewriteEngine Off

# Rewrite rule for static folder
RewriteEngine On
RewriteRule ^static(.*) http://35.198.238.40/static/$1 [P]
RewriteEngine Off

Надеюсь, это кому-нибудь поможет.

...