vue-router wildcard* - Limpahan Tindanan

Question

vue-router Dalam fail konfigurasi, bolehkah anda menulis hanya satu *wildcard

Kemudian gunakan laluan ini untuk memadankan semua halaman

Tolong beri saya arahan

Answer 1

匹配不到上面的就走这，是不是一个道理。
{
  path: '*',
  component: Page404
}

Kemas kini

 /*
  路由 vue-router api
  https://router.vuejs.org/zh-cn/essentials/dynamic-matching.html

  router 的懒加载（跳转对应路由时才加载对应页面的js）
  1、import 只打包出对应的文件
  2、require.ensure 可以把几个组件合在一起打包成一个js
*/

import Vue from 'vue'
import Router from 'vue-router'

const Page404 = () => import('@/pages/404')

Vue.use(Router)

export default new Router({
  mode: 'history', // 服务器也要相对的配置，不然浏览器刷新后会找不到对应的页面
  base: __dirname,
  routes: [
    // 当以上路由都没有匹配成功，则跳转到404页面
    {
      path: '*',
      component: Page404
    }
  ]
})

Fakta telah membuktikan bahawa ia berkesan untuk memilikinya, tiada masalah.