前端筆記（13）nuxt js sitemap.xmpl配置

sitemap.xml
通過@nuxtjs/sitemap模塊根據前端路由自動生成。

./config/sitemap.js
sitemap路由列表

// sitemap列表配置
export const routes = [
  '/:lang',
  '/:lang/about',
  '/:lang/parent',
  '/:lang/parent/about',
  '/test'
]

nuxt.config.js
sitemap.xml生成配置，生成多語言的網站地圖

// 動態生成sitemap.xml
  sitemap: {
    // options
    gzip: true,
    defaults: {
      changefreq: 'daily',
      priority: 1,
      lastmod: new Date()
    },
    routes: () => {
      const list = []
      // 根據當前所支持語言locales生成對應的路由
      // locales = ['zh-cn','en-us','zh-hk']
      sitemapRoutes.forEach((route) => {
        if (route.includes(':lang') > -1) {
          locales.forEach((local) => {
            list.push(route.replace(':lang', local))
          })
        } else {
          list.push(route)
        }
      })
      return list
    }
  },