时间戳

首页 > 解决方案 > 如何在 Nuxt 的站点地图中包含完整的动态路线

nuxt.js - 如何在 Nuxt 的站点地图中包含完整的动态路线

问题描述

我正在尝试为我的 nuxt 应用程序中的动态路由生成 xml 站点地图。这是我安装 nuxt 站点地图模块后的方法。在我的 nuxt.config.js

{
  sitemap: {
    hostname: '<your-url>',
  }
}
{
  buildModules: [
    '@/modules/sitemapRouteGenerator'
  ]
}

在我的 sitemapRouteGenerator.js 文件中

export default function () {
  this.nuxt.hook('generate:done', (context) => {
    const routesToExclude = [] // Add any route you don't want in your sitemap. Potentially get this from an .env file.
    const allRoutes = Array.from(context.generatedRoutes)
    const routes = allRoutes.filter(route => !routesToExclude.includes(route))

    this.nuxt.options.sitemap.routes = [...routes]
  })
}

现在使用这种方法，在服务器模式下运行 npm run generate 后，我得到了一个站点地图，其中包含完美的“baseURL/somethingStatic/{variable}”格式的动态路由。但我有一些这种格式的页面：“baseURL/{variable}/{variable}/{variable}”。不包含此格式化的 URL。如何调整我的代码来解决这个问题？

标签： nuxt.jssitemap

解决方案

推荐阅读