vue router配置404页面

要配置Vue Router的404页面，你需要在路由文件中添加一个路由规则，用于匹配所有未匹配到的路由。例如：

{
  path: '*',
  component: () => import('@/views/404.vue')
}

其中，`path: '*'` 表示匹配所有未匹配到的路由，而 `component` 属性指定了对应的组件，这里假设为 `404.vue`。

注意，这个路由规则需要放在所有其他路由规则的最后面，以确保在所有其他规则都不匹配时才会触发。

相关问题

vue-router 404

vue-router中的404页面是通过配置路由来实现的。在index.js文件中，可以使用通配符(*)匹配所有未定义的路由，并将其指向NotFound.vue组件页面。具体代码如下：

{
  path: '*',
  component: NotFound
}

以上配置表示如果访问的路由不匹配任何已定义的路由，就会跳转到NotFound.vue组件页面。

vue new router history404

vue new router history404是指在Vue项目中使用Vue Router时，使用history模式时出现的404错误。

在使用Vue Router时，默认情况下会使用hash模式，即URL中带有#符号。这种模式下，当我们在项目中进行路由切换时，URL会变化，但不会向服务器发送请求，也就是说，页面内容是由前端控制并渲染的。hash模式可以很好地支持前端路由，但在一些情况下，我们可能希望URL没有#符号，对于用户来说更加友好，并且可以通过向服务器发送请求，获取到对应的页面内容。

为了实现这种需求，我们可以使用history模式。使用history模式时，URL中不带有#符号，而是正常的URL路径。当用户直接访问或刷新该URL时，服务器会尝试匹配对应的页面内容并返回给前端。但是在使用history模式时，需要在服务器端进行一些配置，以确保当用户访问不存在的页面时，返回一个自定义的404页面。

vue new router history404的含义是：在使用vue-cli创建Vue项目时，使用vue-router插件，并且配置使用history模式。在这种配置下，如果用户访问的URL不存在对应的页面时，会返回一个404页面，而不是默认的空白页面。

总结来说，vue new router history404是指在Vue项目中使用Vue Router插件，并使用history模式时，配置了404页面的情况。