Nuxt.js에서 Axios 통신 시 로딩바 표시하기
Nuxt.js에서 데이터를 가져올 때 사용자에게 로딩 상태를 알려주는 것은 중요합니다. 이 글에서는 @nuxtjs/axios 모듈과 함께 간단한 로딩바를 표시하는 방법을 소개합니다. 1. @nuxtjs/axios 모듈 설치 nuxt.config.js에 모듈을 추가합니다: 2. 로딩바 스타일 설정 assets/styles.css 파일에 로딩바의 CSS 스타일을 작성합니다: CSS 파일을 nuxt.config.js에 연결합니다: 3. Vuex 스토어에서 로딩 상태 관리 로딩 상태를 전역적으로 관리하기 위해 Vuex 스토어를 설정합니다. … Read more