Open2

Vue 知見まとめ

KKKKKKKK

Vue Router 4 で勘違いしていたこと

Navigation Gurd を使っているとき、無限リダイレクトのエラーに遭遇した。

結論から言うと以下のような書き方をしていたためだった。

if (authStore.isAuthenticated) {
    next(to.fullPath); // パスを指定すると再度 Navigation Gurd が走り、永遠に繰り返される
}

ガードをすり抜けさせるには以下のように書く。

if (authStore.isAuthenticated) {
    next(); // 引数に何も指定しない
}
KKKKKKKK

TypeScript にVueの型を読み込ませる

shims-vue.d.tsを用意

以下を記載

declare module '*.vue';