Render dist file (of Vuejs) through Django

Question

Trying to render vue js build (index.html) in Django its working fine but the problem is that when i give any route to that url than i get page not found from vue.

This working fine

url(r'^$', TemplateView.as_view(template_name="index.html"), name='whatever'),

And this is not, giving page not found error of vue

url(r'^website/', TemplateView.as_view(template_name="index.html"), name='whatever'),

i am directly calling template of vue js in urls.py please check this url(r'^$', TemplateView.as_view(template_name="index.html"), name='whatever'), — Fayyaz Hussain
– Fayyaz Hussain, Commented Jul 10, 2020 at 13:46
Try url(r'^website/$', TemplateView.as_view(template_name="index.html"), name='whatever'), — Vincent
– Vincent, Commented Jul 10, 2020 at 13:53

Ali Asgher Badshah · Accepted Answer · 2020-07-11 06:04:32Z

1

Hi I got a solution to the problem you have to set the default route in your router to set it redirection to the specific path

code for your router.js in vue project

new Router({
  mode: 'History',
  base: '/app'
  routes: [
   {
     path: '/',
     name: 'name',
     component: ComponentName
   }
  ]
})

and also mention the same URL name in you API in Django

urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'^api-token-auth/', obtain_jwt_token),
  url(r'^.*$/app', views.home),
]

for more detailed conversation refer to this answer

answered Jul 11, 2020 at 6:04

Ali Asgher Badshah

8612 gold badges12 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Render dist file (of Vuejs) through Django

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related