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上ではどう書くのかわからなかった)