vue怎么跳转404

Vue 跳转到 404 页面

如何跳转到 404 页面？

在 Vue 中，可以使用 router.push 方法将用户重定向到 404 页面。

完整步骤：

立即学习“前端免费学习笔记（深入）”；

1. 导入 Vue Router：

   import Vue from 'vue'import VueRouter from 'vue-router'

2. 安装 Vue Router：

   Vue.use(VueRouter)

3. 创建一个 Vue Router 实例：

   const router = new VueRouter({  routes: [ // ...其他路由配置 { path: '/404', component: NotFoundComponent } // 404 页面组件的路由配置  ]})

4. 在需要跳转到 404 页面的组件中：

   this.$router.push('/404')

示例：

<template><div>    <button>点击跳转到 404 页面</button>  </div></template><script>import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const router = new VueRouter({  routes: [    // ...其他路由配置    { path: '/404', component: NotFoundComponent }  ]})export default {  router,  methods: {    goTo404() {      this.$router.push('/404')    }  }}</script>

提示：