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

02.08.2020, 12:46. Показов 1305. Ответов 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,...

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

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

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

Наверх