Nuxt Sitemap Module生成sitemap.xml报dynamicRoutes.map is not a function错误

这个报错的核心原因是Nuxt Sitemap Module要求routes配置项返回路由字符串数组，但你当前直接返回了axios.get的请求响应对象，而非接口返回的slug数组，模块尝试对响应对象调用map方法自然会失败。

修改sitemap配置里的routes字段，改为异步函数，等待请求完成后取出响应体中的数据返回即可：

sitemap: {
    hostname: process.env.PH_WEB_APP_BASE_URL || 'http://localhost:3000/',
    gzip: true,
    exclude: ExcludedPaths,
    cacheTime: 1000 * 60 * 15,
    defaults: {
      changefreq: 'daily',
      priority: 1,
      lastmod: new Date()
    },
    // 改为async异步函数
    routes: async () => {
      const baseUrl = process.env.PH_WEB_APP_BASE_URL || 'http://localhost:3000/';
      // 等待请求返回，取出响应数据
      const res = await axios.get(`${baseUrl}api/sitemap-slugs/`);
      const slugs = res.data;
      // 如果你的动态路由前缀是/product/之类的，需要自行拼接路由路径
      return slugs.map(slug => `/product/${slug}`);
      // 如果接口返回的slug已经是完整路由路径，可以直接return slugs
    }
  },

• 如果修改后还是报错，先打印res.data确认接口返回结构，若后端返回的是{code: 200, data: [...], msg: 'success'}这类封装结构，需要取res.data.data作为slug数组
• 确认返回的数组中的每一项都是字符串格式的路由路径，没有嵌套对象或者其他类型值

内容的提问来源于stack exchange，提问作者Oscar