Направление на вложенный URL с помощью маршрутизатора react с сервера

Я создаю приложение с django3.2 и React 17 с помощью react-router-dom 6.

Мое приложение react обслуживается по адресу https://www.example.com/

Если я перехожу в приложении по адресу https://www.example.com/auth/signup, я получаю форму, однако, если я ввожу url непосредственно в браузере, я попадаю на пустую страницу.

В моем django.urls у меня есть catch all, который должен отправлять путь вниз к моему приложению react, и в локальной разработке он работает отлично.

urlpatterns = [
    ...,
    re_path(r'^(?:.*)/?$', homepage),
]

ПРОБЛЕМА: В производстве я попадаю на пустую страницу.

Я подозреваю, что это связано с относительными путями в production. Я следовал этим вопросам:

Django статическая служба файлов в конфликте с React Router

React router not loading dynamic url in production

На данный момент мы попробовали:

  1. Добавление "homepage": "https://www.example.com/" к моему package.json.
  2. Добавление <base href="/" /> к index.html
  3. Добавление "homepage": "." к package.json

Но пока ничего не работает, а мне нужна эта функция, особенно для проверки электронной почты. Буду рад разъяснить что-либо или поделиться кодом фронт-энда.

Вернуться на верх