How to specify the path to a non-existent page?

Question

Vue.js

Usually we specify paths to various pages in routes. How to specify the path to the page, in this case the error page, if the path specified by the user does not exist?

Answer 1

const routes = [
  ...
  {
    path: '*',
    component: Page404,
  },
];

or, you can additionally redirect:

const routes = [
  ...
  {
    path: '/404',
    component: Page404,
  },
  {
    path: '*',
    redirect: '/404',
  },
];