vue-router怎么配置404页面？

Answer 1

const router = new VueRouter({ mode: 'history', routes: [ { path: '*', component: NotFoundComponent } ] })

Answer 2

path: '*' 是对的 但是应该放在最后一个

这里请教一下，为什么要放到最后，有什么影响吗

*代表全匹配 你放在第一个 不管地址是什么都会 匹配到了 放在最后一个 前面有的就不会匹配到

Answer 3

ickt-5
https://blog.csdn.net/qq_33026699/article/details/81740583

Answer 4

export default {
    path: '*',
    name: '404',
    component: '组件404',
}

需注意：将改路由配置放到所有路由的配置信息的最后，否则会其他路由path匹配造成影响。

Answer 5

{
// 会匹配所有路径
// 含有通配符的路由应该放在最后
path: '*',
name: '404',
component: () => import('../views/404.vue')
}