Nuxt.js 프론트 엔드와 Laravel 백엔드 간의 상태 유지 방법

Question

별도의 Nuxt 프론트 엔드와 페어링하려는 Laravel 백엔드가 있습니다. 둘 다 여전히 상당히 비어있는 프로젝트 (새로운 Laravel 앱과 기본 Nuxt 템플릿)이므로 모든 옵션이 여전히 테이블에 있습니다.

세션 데이터 (로그인 된 사용자, 언어 설정 및 기타 다른 것들)가 페이지 새로 고침 및 브라우저 탭을 통해 지속되도록 프론트 엔드에 가능한 한 작은 상태를 유지하려고합니다.

백엔드의 경우 이것은 매우 간단합니다. Laravel 세션을 사용하여 일반적으로 Laravel 응용 프로그램에서와 같이 데이터를 저장하면됩니다.

그러나 프론트 엔드의 경우 최선의 옵션이 무엇인지 즉시 알 수 없습니다. 나에게 미들웨어를 사용하는 것이 잘 작동하는 것처럼 보이지만 최선을 구현하는 방법을 잘 모르겠습니다.

나는 이것이 다소 광범위한 질문이지만, 누군가가 올바른 방향으로 나를 가리킬 수 있기를 바랍니다.

Answer 1

나는 보통 localstorage를 통해 이것을 처리합니다. Vuex는이를 위해 아주 잘 작동합니다. 변경이 발생할 때마다 전체 상태를 localstorage에 저장하는 리스너를 가질 수 있습니다. 그러면 페이지가로드 될 때 localstorage에서 상태를로드하기 만하면됩니다. 이렇게하면 페이지 새로 고침 및 탭 전체에서 상태가 유지됩니다.