Nuxt.jsでVue.jsを使用していますが、ルーターの機能に問題があります。
純粋なVueでは、次のようにmain.js
で書くことができます。
val route = new Router({
routes:{
[...]
}
})
route.beforeEach(to,from,next){
//do something to validate
}
そして、nuxt.jsで同じことを行う方法は? main.js
のようなファイルが見つかりません。
また、私が知っているのは、ルーターを実現するためにpages
フォルダーを処理することだけで、リダイレクトパスを設定できません。
助けてください、thx :)
Nuxtのプラグインを作成できます
plugins/route.js
ファイルを作成します:
export default ({ app }) => {
// Every time the route changes (fired on initialization too)
app.router.afterEach((to, from) => {
//do something to validate
}
}
nuxt.config.js
ファイルを更新します。
plugins: ['~/plugins/route']
Nuxtプラグインの詳細: https://nuxtjs.org/guide/plugins
誰かがまだ興味を持っているかもしれない場合は、次のようにnuxt.config.js
でグローバルミドルウェアをセットアップすることができます。
router: { middleware: ['foo'] },
次に、middleware/foo.js
で何でもします...
export default function({ route, from, store, redirect }) {}