[javascript] Nuxt.js에서의 사이트맵(sitemap) 생성 방법은?
-
@nuxtjs/sitemap 설치
먼저, 프로젝트 디렉터리에서
@nuxtjs/sitemap
패키지를 설치합니다. 아래 명령어를 사용합니다.npm install @nuxtjs/sitemap
-
Nuxt.js 설정 파일에 추가
Nuxt.js 설정 파일 (
nuxt.config.js
)을 열고, 다음과 같이@nuxtjs/sitemap
모듈을 추가합니다.modules: [ '@nuxtjs/sitemap', ],
-
사이트맵 구성
이제 사이트맵을 구성할 수 있는데,
nuxt.config.js
파일에 다음과 같은 내용을 추가합니다.sitemap: { hostname: 'https://your-website-url.com', gzip: true, exclude: ['/admin/**'], routes: async () => { let routes = []; // 여기에 동적으로 생성할 페이지의 URL을 추가할 수 있습니다. // 예시: routes.push('/dynamic-page'); return routes; }, },
위 예시에서
hostname
필드에는 웹사이트의 URL을,exclude
배열에는 제외할 경로(예: 관리자 페이지)를,routes
함수에는 동적으로 생성될 페이지의 URL을 추가할 수 있습니다. -
빌드 및 테스트
이제 설정이 완료되었으므로, Nuxt.js 프로젝트를 다시 빌드하고 사이트맵이 올바르게 생성되는지 테스트합니다.
이렇게 간단하게 Nuxt.js에서 사이트맵을 생성할 수 있습니다. 자세한 내용은 Nuxt.js 공식 문서를 참고하시기 바랍니다.