동일한 라우팅 경로에 있는 브라우저로 제한되는 Vue3의 다음 페이지 및 이전 페이지 기능을 비활성화합니다.

Question

오늘 저는 문제에 직면해 있어 조언이 필요합니다.

저는 {url}/:id와 같은 라우팅 페이지 구조를 가지고 있습니다. 내 목표는 사용자가 동일한 경로 내에서 이전 페이지와 다음 페이지로 이동하지 못하도록 하는 것입니다(예: {url}/1에서 {url}/2로). 페이지의 데이터를 변경하기 위해 API 호출을 만들고 있으며 그에 따라 URL이 변경됩니다.

그러나 나는 사용자가 {url}/:id 앞이나 뒤의 페이지로 이동할 수 있지만 {url}/:id 내에서는 탐색할 수 없기를 원합니다.

해결책이나 제안 사항을 제공해 주실 수 있나요? 내비게이션 가드가 도움이 될 수도 있다는 이야기를 들었지만 처음에는 이해하는 데 어려움을 겪었습니다.

도움을 주셔서 미리 감사드립니다!

---

죄송합니다. 설명이 명확하지 않습니다. 이전 페이지 또는 다음 페이지가 {url}/lists 또는 {url}/news와 같은 다른 페이지라는 것을 기억하지만 동일한 라우팅 페이지는 기억하지 못하도록 브라우저가 필요합니다. 브라우저 버튼을 클릭한 후에는 동일한 라우팅 페이지로 들어가지 않게 됩니다...

Answer 1

알았어요

으아악

대신

으아악

내 문제를 해결했습니다.

Answer 2

다음은 Vue Router를 사용하는 고급 예입니다.

으아악