Есть приложение на django
, фронтенд которого написан на Vue.js
:
- Подразумевается, что
django
участвует только в раздаче статики и выдачеindex.html
- Дальнейший роутинг управляется непосредственно на стороне фронтенда.
- Параметр
mode
в роутереVue
установлен вhistory
index.html
выдается по/controlpanel/
Rest API
выдается по/controlpanel/api/
В связи с этим имеем код:
views.py:
import os
from django.conf import settings
from django.http.response import HttpResponse
def index(_):
html = open(os.path.join(settings.STATICFILES_DIRS[0], "index.html")).read()
return HttpResponse(html)
#заглушка
def api(_):
return HttpResponse('api')
urls.py:
from django.urls import path
from controlpanel.views import index, api
urlpatterns = [
path('api/', api),
path('', index),
]
/routers/index.js
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import NotFoundComponent from '@/components/NotFoundComponent'
Vue.use(Router)
export default new Router({
mode: 'history',
base: '/controlpanel',
routes: [
{
path: '/',
name: 'Hello',
component: Hello
},
{ path: '*', component: NotFoundComponent }
]
})
В результате django
выдает index.html
по /controlpanel/
, но если из браузера перейти в /controlpanel/<any_url>/
то django
выдает свою 404
страницу.
Вопрос: как сделать так, чтобы vue.js
обрабатывал все url
после /controlpanel/
не прибегая к mode: 'hash'
?