Vue访问未定义路由时，如何设置自动重定向到404页面？

本文共计1018个文字，预计阅读时间需要5分钟。

目录 + Vue访问未定义的路由时重定向404 + Vue.js 重定向和404等相关问题

1.main.js 文件

2.app.vue 文件

3.home.vue 文件

4.notFound.vue 文件

Vue访问未定义的路由时重定向到404

目录

• vue访问未定义的路由时重定向404
• vue.js 重定向和404等等相关的问题？
• 1. main.js文件
• 2. app.vue文件
• 3. home.vue文件
• 4. notFound.vue文件

vue访问未定义的路由时重定向404

我们在访问未配置的路由时，就会出现一个空白界面，如何重定向404呢，废话不多说，直接来方法。

• 第一种：官方路由守卫。
• 第二种：可以在配置路由中配置 " * " ，对未进行配置的路由进行重定向。

第一种实现方法：使用路由守卫进行。

这种方法也可以实现404跳转，但是具有一定的局限性，如果路由配置的比较多的话，使用不太方便，这里就不介绍路由守卫了，看一下官方文档就很容易理解。

第二种：可以在配置路由中配置 " * " ，对未进行配置的路由进行重定向。