如果找不到路由，Vue.js如何重定向到公共路由

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

import welcome from './components/welcome.vue';
import restaurant from './components/restaurant.vue';
import eatMe from './components/eat-me.vue';

const routes = [{
    path: '/',
    component: welcome,
    name: welcome
}, {
    path: '/restaurant',
    component: restaurant
}, {
    path: '/eat-me',
    component: eatMe
}]

const router = new VueRouter({
    routes,
    mode: 'history'
});

export default router;

{
    path :'*',
    component:NotFound
}

import Vue from 'vue';
import VueRouter from 'vue-router';
import welcome from './components/welcome.vue';
import restaurant from './components/restaurant.vue';
import eatMe from './components/eat-me.vue';
import NotFound from '../components/NotFound'
Vue.use(VueRouter);

const routes = [{
    path: '/',
    component: welcome,
    name: welcome
}, {
    path: '/restaurant',
    component: restaurant
}, {
    path: '/eat-me',
    component: eatMe
}, {
    path :'*',
    component:NotFound
  }
]

const router = new VueRouter({
    routes,
    mode: 'history'
});

export default router;

Vue.js相关问答推荐

如何默认打开一个v-list-group？

在移动版本中使用标准的 v-data-table

如何 for each 动态创建的按钮/文本字段设置唯一变量？

何时将代码拆分为 Nuxt 中的组件？

有没有办法初始化一个保留初始 HTML 的 Vue 对象

Webpack 导入的模块不是函数

在组件之间共享 websocket 连接

VueJS：如何在组件数据属性中引用 this.$store

如何在 vue 的 scss 中使用深度 Select 器

可以同时使用 Tailwind css 和 Bootstrap 4 吗？

Vuetify - 如何保持第一个扩展面板默认打开，如果我打开另一个面板，其他面板应该关闭？

在 SASS 中使用 Vuetify 类

Vue 和 TypeScript 所需的props

使用 VueJS 在 v-for 中转换

Laravel Blade 模板将数据传递给 Vue JS 组件

[Vue 警告]：无效的props：propsscrollThreshold的类型判断失败.期望的数字，得到字符串

加载时焦点文本框上的 Vue.js

Vue Js如何在单个文件模板中使用mixins？

如何使用 Vue Test utils 测试输入是否聚焦？

偶数行格式化