在Nuxt.js中使用站点地图

在本文中，我想研究使用sitemap module模块在Nuxt中创建站点地图的不同选项。

如果您要创建所有路线和页面的站点地图并添加动态路线，请求后端API，或者甚至要使用站点地图索引文件创建多个站点地图，此模块都将为您提供所需的一切。

内容

• 站点地图模块选项。
• 具有路线的简单单个站点地图。
• 从API请求的站点地图。
• Sitemap中的几个索引。
• 多语言网站的站点地图。

模块选项

以下是所有可用选项：

• route(array | function)

您可以在此处手动将路由添加到绝对放置在站点地图中，或使用该属性从API请求路由，以便可以从您的数据库动态生成。

import axios from 'axios';
//...
{
  routes: [
    'catalog/best-offers',
    'catalog/chairs'
  ],
  // or
  routes: () => {
    return axios.get(`my.own.api.com/getSitemapRoutes`);
  }
}

 

• path(string)

这是站点地图的路径。 如果使用sitemaps属性，则默认值是/sitemap.xml（通常）和 /sitemapindex.xml。

• hostname(string)

如果定义了主机名，则无论应用程序域如何，所有路由都将覆盖该