网站地图是是seo中最为中的部分，通过网站地图搜索引擎可以擎高效抓取内容，让网站更快、更高效的被收录。

那么前端开发的时候，我们在nuxt4中可以如何生成网站地图呢？

本篇文章介绍前端在开发中nuxt4如何使用@nuxtjs/sitemap配置并网站地图文件。

一、安装@nuxtjs/sitemap

npm install @nuxtjs/sitemap

二、nuxt.config.ts文件配置

export default defineNuxtConfig({
	modules: ['@nuxtjs/sitemap'],
	site: {
	    url: 'https://zi.xuexiareas.cn'
	},
	sitemap: {
	    hostname: 'https://zi.xuexiareas.cn
	}
})

三、添加到 robots.txt

# public/robots.txt
User-agent: *
Allow: /
Sitemap: https://您的域名/sitemap.xml

四、本地查看网站地图

npm run dev
# 访问 http://本地地址/sitemap.xml

五、效果预览