nuxt 使用sitemap

Nuxt.js是一个基于Vue.js的通用应用框架，它可以帮助我们快速开发Vue.js应用程序。而Sitemap（网站地图）是一种用于组织和展示网站内容结构的文件，它可以帮助搜索引擎更好地理解和索引网站。

在Nuxt.js中生成Sitemap可以通过以下步骤实现：

1. 首先，安装`@nuxtjs/sitemap`模块。可以使用npm或者yarn进行安装：

npm install @nuxtjs/sitemap

2. 在Nuxt.js项目的`nuxt.config.js`文件中，添加`sitemap`模块的配置。配置项包括`hostname`（网站的主机名）和`exclude`（需要排除的页面）等。例如：

module.exports = {
  modules: [
    '@nuxtjs/sitemap'
  ],
  sitemap: {
    hostname: 'https://example.com',
    exclude: [
      '/secret-page'
    ]
  }
}

3. 在需要生成Sitemap的页面组件中，使用`asyncData`或者`fetch`方法来动态生成页面数据。例如：

export default {
  async asyncData({ $sitemap }) {
    const posts = await fetchPosts() // 获取文章列表数据
    $sitemap.add('/posts') // 添加/posts页面到Sitemap中

    return { posts }
  }
}

4. 运行Nuxt.js应用程序，生成Sitemap文件。可以使用以下命令：

npm run generate

生成的Sitemap文件将会保存在项目的根目录下的`sitemap.xml`文件中。