NUXTJS에서의 디폴트루트 설정 방법

NUXTJS에서의 디폴트루트 설정 방법

커스터마이즈 방법NUXT루팅을 실시합니다.현재 디폴트로 작업하고 있습니다.NUXT페이지 라우팅 메커니즘.가리키고 싶다example.vue대신 기본 랜딩 페이지로index.vue이러한 라우팅에 인증도 추가해야 합니다.불행하게도,NUXT서류가 도움이 되지 않았습니다.

Nuxt의 미들웨어 속성 확인

미들웨어를 작성하여 다음과 같이 index.vue에 호출할 수 있습니다.

middleware: {
  'redirect-to-example'
}

middleware/middle-to-middle.dl

export default function ({ store, redirect }) {
  // If the user is not authenticated
  if (!store.state.authenticated) {
    return redirect(301, '/example');
  }
}

Nuxt와 잘 어울리는 Context에 대한 유용한 정보를 찾을 수 있습니다.

랜딩 페이지를 변경하려면 다음을 사용합니다.pages/index.vue:

<template>
</template>

<script>

export default {
  created() {
    this.$router.push('/example')
  },
}
</script>

사용자가 탐색할 때https://localhost:3000항로/projects푸시되고 URL이 로 변경됩니다.https://localhost:3000/example이것은, 내부 「내부」라고 생각할 수 있습니다.

언급URL : https://stackoverflow.com/questions/65071016/how-we-can-set-default-route-in-nuxtjs