Vue Router 頁面重整404的問題與設定

vue.js vue-router path

greenriver 2021-11-04 08:18:21 ‧ 1460 瀏覽

分享至

大家好，
我想請問一下。
關於路由設定，我遇到了兩個問題。

(1)為了防止頁面重整時，會顯示404的問題。除了在router/index.js裡設定

{
  path: '/:pathMatch(.*)*',
  redirect: '/',
}

還有更好的方法嗎?如果我想讓它重整時，能重新顯示當下的頁面。

(2)延續上個問題，就算設定好pathMatch，
但只要在網址輸入連續三個點以上就會報錯!連續兩個點就不會
像是:"http://localhost/........"，
或是點搭配其他數字字母時，就會報錯，
像是:"http://localhost/.1224.454"
或"http://localhost/.44534"
或"http://localhost/454151."
這個怎麼辦呢?

//router/index.js
const router = createRouter({
  history: routerHistory,
  routes: [
    {
      path: "/",
      component: ()=>import(/* webpackChunkName: "Home" */ '../Home.vue'),
    },
    {
      path: '/:pathMatch(.*)*',
      redirect: '/',
    }
  ],
});
export default router;