🦒 【Nuxt】asyncData内で遷移先を変更する方法のメモ
作成日: 2021/08/08
1

詰まったこと

  • asyncData内ではrouter.pushが実装できないので、任意のページに飛ばせない

対応方法

errorメソッドをコンテキストから呼び出せばエラーページに遷移できる

 async asyncData({ params, env, error }) {
    ....
    if ( //**エラーページに遷移させる条件**// ) {
      error({ statusCode: 404, message: 'Post not found' });
    }
    ....
    return { .... };
  }

参考記事:https://stackoverflow.com/questions/48526292/vuejs-ssr-router-push-in-asyncdata

engineer/JavaScript/TypeScript/Vue/Nuxt🦒
スポンサーリンク