Vue中访问未配置路由导致404错误如何解决？

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

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

1.main.js文件

2.app.vue文件

3.home.vue文件

4.notFound.vue文件

Vue访问未定义的路由时重定向到404，我们在访问未配置的路由时，自动跳转到404页面。

目录

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

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

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

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

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