Nuxtでredirectする方法

https://github.com/nuxt/nuxt.js/issues/1843 によると、設定ベースでやる方法はない。

• A. 空のページを配置して、fetchでprogrammaticallyにrecirectさせる
• B. middlewareで似たようなことする

A. 空のページを配置して、fetchでprogrammaticallyにrecirectさせる

例: /にアクセスすると/postsにリダイレクトさせたい場合

• pages/
  • index.vue
  • posts/
    • index.vue

pages/index.vue

<script lang="ts">
import Vue from 'Vue'
export default Vue.extend({
  fetch({ redirect }) {
    redirect(301, '/posts')
  }
})
</script>

(vue-class-component上ではどう書くのかわからなかった)

B. middlewareで似たようなことする