vue-router配置之通用路徑

目的：瀏覽器地址欄輸入了未匹配的地址時，前端控制跳轉到首頁index頁面：

項目入口js:（一般根據項目結構不同，這個js一般取名為：app.js或者main.js）

import Router from 'vue-router'

Vue.use(Router);

const router = new Router({
    routes: [
        {path: "/index", component: HomePage},
        {path: "/login", component: Login}, {path: "*", redirect:'/index'},//這個意思就是如果瀏覽器地址欄輸入的不是'/index'也不是'/login'，那我就讓它跳轉到'index'頁面
    ]
});

備注：

{path: "*", redirect:'/index'}

*號代表匹配所有路徑，注意這句要放在其他路徑的最后面。

由於我這個前端項目只配置了2個路徑：‘index’和'login'，所以我需要當瀏覽器地址欄輸入的不是'/index'也不是'/login'時，那我就讓它前端控制路由跳轉到'index'頁面，（是為了用戶體驗不要太詭異）