如何重定向到找不到页面 404

【问题标题】：How to redirect to page 404 not found如何重定向到找不到页面 404
【发布时间】：2020-10-03 20:28:41
【问题描述】：

配置路由最简单的方法是什么，这样当访问一个不存在的路由时，它会被重定向到404找不到页面？

Vue-Router

【问题讨论】：

【解决方案1】：

关键字vue router custom 404（教程）：https://reactgo.com/vue-router-404-page/

正如@Simon 正确指出的那样，您将需要{ path: '*', component: NotFound } 作为routes[] 的最后一个数组元素在您的const router = new VueRouter({ 中

【讨论】：

【解决方案2】：

如果你在最后添加一条路线来捕获所有：

 { path: "*", component: NotFoundPage }

应该这样做，但要确保它是最后一条路线

【讨论】：

【解决方案3】：

在你的route.js

path:"*":
redirect:"/404"

这会将 vue-router 中丢失的路由重定向到 /404。确保您的 /404 已加载组件

【讨论】：