[Vuejs]-Reload page says that the page does not exist netlify

by

0👍

✅

For something like this where you are enabling users to create new pages and to have lots of user-generated content that is frequently update, you’d be well-served to look into server-side rendering.

https://v2.vuejs.org/v2/guide/ssr.html

I’d suggest, if you want to do that, you should migrate over to Nuxt as it makes things like this much easier.

However, there are quite a few caveats with going SSR – notably you’ll need to run and manage a server.

If you don’t want to look into SSR, you could use dynamic routes as shown here

const router = new VueRouter({
  routes: [
    // dynamic segments start with a colon
    { path: '/issue/:id', component: Issue }
  ]
})

You could then have the Issue component display a skeleton loader or another loading indicator while the content is fetching.

https://vuetifyjs.com/en/components/skeleton-loaders/

Leave a comment