Маршрутизация Django с react-router

02.08.2020, 12:46. Показов 1323. Ответов 0

Метки django, django rest framework, react (Все метки)

Студворк — интернет-сервис помощи студентам

Имеется React проект, с простым Router'ом. Django выступает в роли Rest API сервера с маршрутами api_v0/ и admin/.
urlpatterns в server/urls.py выглядит следующим образом:

Python
1
2
3
4
urlpatterns = [
path('admin/', admin.site.urls),
path('api_v0/', include('api_v0.urls')),
re_path(r'^tinymce/', include('tinymce.urls'))] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Вопрос заключается вот в чем. Когда в эти urls я добавляю следующий код:

Python
1
path('', TemplateView.as_view(template_name='index.html'))

то вроде бы все работает, то есть и URL от react'a и от django. Но проблема заключается в том, что при обновлении страницы выскакивает окно 404 Page not found. Почитав форумы, я наткнулся на одно решение:

Python
1
re_path(r'^(?:.*)/?$', TemplateView.as_view(template_name='index.html'))

но оно не помогло. То есть страницы, на которых не используются запросы на сервер,отображаются даже после обновления страницы. Но дело в том, что при такой записи перестают работать URL на api_v0/ и admin/.
Подскажите пожалуйста, как можно решить проблему. Чтобы работали и url django и react-router.
Заранее большое спасибо!

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

02.08.2020, 12:46

Ответы с готовыми решениями:

Django + React.js
Всем доброго времени суток! Помогите пожалуйста советом. Вообщем нужно разработать веб-сайт, в целом, ничего необычного, но помимо сайта...

Деплой Django + React
Всем привет. Не уверен, что в том разделе тему создаю, конечно... В общем, есть REST API на DRF и фронт на React. Локально все уже...

Несовместимость React-Router и React-Bootstrap
Добрый день, Пишу маленький проект и в качестве дизайна решил использовать React-Bootstrap. При создании Навигации сайта использовал...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

02.08.2020, 12:46

Помогаю со студенческими работами здесь

Не переходит по страницам TS React react-router
Здравствуйте, не могу понять в чём моя проблема почему у меня не переходит со страницы Главная на страницу Настройки аккаунта. Вроде всё...

JS React Router Redux
Всем доброго времени суток. Я программист VBA и недавно стал изучать JS. Помогите разобраться с кашей в голове после изучения React и...

Проблема с React Router
Здравствуйте, уважаемые форумчане! Столкнулся со следующей проблемой. Из главного App вызываю так: import { Switch, Route, Router }...

React router dom v6
root.render( <BrowserRouter> <div className="bg-gray-800 absolute h-full w-full"> <Routes> <Route path="/"...

ExpressJS + React-router
Сервер: app.use("/", express.static(path.join(__dirname, "../client/build"))); app.use("/admin", express.static(path.join(__dirname,...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

Наверх