CODEWITHSUNDEEP
webpackvue.jsvuejs2vue-router
Liton Arefin
Liton Arefin

Reputation: 11

Vue.js history mode Custom 404 Page

I've made an Application of Admin Template with Vue.js URL: http://vuejsadmin.com/

Everything seems fine. But I cann't configure 404 page on my VPS Hosting. Because if I go to direct URL like http://vuejsadmin.com/components/buttons then nginx 404 is showing. I want to show my Template's 404 Page.

How can I customize it with my Template's 404 Page?

Thanks

Upvotes: 1

Views: 620

Answers (1)

Reşit Körsu
Reşit Körsu

Reputation: 598

In the file where your routes are, you need to define a path with '*' wildcard to your 404 component:

...
routes: [
  // Other paths and their children...
  ...
  // Any other paths must return your 404Component now
  { path: '*', component: 404Component },
]

Upvotes: 1

Related Questions