title: Django - page not found with VueJS
body: <p>I'm trying to create a SPA with Vue in my Django project, so that Django handles only authentication templates and the rest of the frontend is entirely Vue rendered by webpack-loader, so it's Django rendering the Vue app. I'm doing this in order not to lose the benefits of having authentication handled entirely by Django.</p>
  <p>So everything below <code>/accounts/</code> will be handled by Django templates rendered by django views, while everything below <code>/app/</code> will be handled by the Vue application.</p>
  <p>I have the following:</p>
  <pre><code>urlpatterns = [
      # Some standard django templates url here for authentication..
      # ...
      # The Vue app:
      path('app/', views.vueApp, name='vueApp'),
  ]
  </code></pre>
  <p>So when the user navigates to <code>mysite.com/app</code>, Vue will handle the whole frontend as a SPA with its routes:</p>
  <pre><code>//main.js
  const router = new VueRouter({
    base: '/app',
    mode: 'history',
    routes: [
      { path: '/', component: Home },
      { path: '/test1', component: testcomponent },
      { path: '/test2', component: test2component }
    ]
  })
  </code></pre>
  <p>The problem with my code, is that if i click on a link to <code>test1</code> or to <code>test2</code> from <strong>inside</strong> the Vue app, i will get redirected to <code>testcomponent</code> (<code>mysite.com/app/test1</code>) and <code>test2component</code> (<code>mysite.com/app/test2</code>); instead, if i open my browser and i navigate directly to <code>mysite.com/app/test1</code> or <code>mysite.com/app/test2</code> i will get a Page Not Found error by Django, i think because Django thinks i'm trying to reach a standard Django url, while instead i'm trying to reach an URL handled by my Vue app.</p>
  <p>Is there any way to solve this? Thanks in advance!</p>