博客
关于我
使用@nuxtjs/sitemap给项目添加sitemap(网站地图)
阅读量:432 次
发布时间:2019-03-06

本文共 2691 字,大约阅读时间需要 8 分钟。

安装使用步骤:

  • 在项目根目录下使用以下命令安装@nuxtjs/sitemap
  • yarn add @nuxtjs/sitemap -D
    1. 打开nuxt.config.js,将modules数组中添加'@nuxtjs/sitemap'

    2. 创建config文件夹,并在其中新建sitemap.js文件,内容如下:

    3. const sitemap = [  {    path: '/sitemap.xml',    hostname: 'https://baidu.com',    cacheTime: 1000 * 60 * 60 * 24,    gzip: true,    generate: false,    exclude: ['/404'],    defaults: {      changefreq: 'always',      lastmod: new Date()    },    routes: () => {      const routes = [        { url: '/', changefreq: 'always', lastmod: new Date() },        { url: '/helloword', changefreq: 'always', lastmod: '2020-12-04' }      ];      return routes;    }  }];export default sitemap;
      1. nuxt.config.js中导入sitemap.js,并添加sitemap项。
      2. 解决日期格式问题:

      3. 打开node_modules/sitemap/dist/lib/sitemap.js,注释掉smi.lastmod = (new Date(smiLoose.lastmod)).toISOString();,以确保生成的日期格式为YYYY-MM-DD
      4. 生成多个sitemap.xml文件:

      5. 修改config/sitemap.js,将sitemap设置为数组形式:
      6. const sitemap = [  {    path: '/sitemap.xml',    hostname: 'https://baidu.com',    cacheTime: 1000 * 60 * 60 * 24,    gzip: true,    generate: false,    exclude: ['/404'],    defaults: {      changefreq: 'always',      lastmod: new Date()    },    routes: () => {      const routes = [        { url: '/', changefreq: 'always', lastmod: new Date() },        { url: '/helloword', changefreq: 'always', lastmod: '2020-12-04' }      ];      return routes;    }  },  {    path: '/test/sitemap.xml',    hostname: 'https://baidu.com',    cacheTime: 1000 * 60 * 60 * 24,    gzip: true,    generate: false,    exclude: ['/404'],    defaults: {      changefreq: 'always',      lastmod: new Date()    },    routes: () => {      const routes = [        { url: '/test', changefreq: 'always', lastmod: new Date() },        { url: '/test/helloword', changefreq: 'always', lastmod: '2020-12-04' }      ];      return routes;    }  }];export default sitemap;

        结合后端数据生成sitemap.xml:

      7. sitemap.js中引入axios,并修改routes函数:
      8. import axios from 'axios';const sitemap = [  {    path: '/sitemap.xml',    hostname: 'https://baidu.com',    cacheTime: 1000 * 60 * 60 * 24,    gzip: true,    generate: false,    exclude: ['/404'],    defaults: {      changefreq: 'always',      lastmod: new Date()    },    routes: async () => {      const getUrl = 'https://******';      const { data } = await axios.get(getUrl);      const routes = [        { url: '/', changefreq: 'always', lastmod: new Date() },        { url: '/helloword', changefreq: 'always', lastmod: '2020-12-04' }      ];      if (data && data.list) {        const arr = data.list.map(item => ({          url: `/blog/${item.id}`,          lastmod: item.update_time,          changefreq: 'yearly'        }));        routes.concat(arr);      }      return routes;    }  }];export default sitemap;

    转载地址:http://mqdyz.baihongyu.com/

    你可能感兴趣的文章
    mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
    查看>>
    MySQL5.7.37windows解压版的安装使用
    查看>>
    mysql5.7免费下载地址
    查看>>
    mysql5.7命令总结
    查看>>
    mysql5.7安装
    查看>>
    mysql5.7性能调优my.ini
    查看>>
    MySQL5.7新增Performance Schema表
    查看>>
    Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
    查看>>
    Webpack 之 basic chunk graph
    查看>>
    Mysql5.7版本单机版my.cnf配置文件
    查看>>
    mysql5.7的安装和Navicat的安装
    查看>>
    mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
    查看>>
    Mysql8 数据库安装及主从配置 | Spring Cloud 2
    查看>>
    mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
    查看>>
    MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
    查看>>
    MYSQL8.0以上忘记root密码
    查看>>
    Mysql8.0以上重置初始密码的方法
    查看>>
    mysql8.0新特性-自增变量的持久化
    查看>>
    Mysql8.0注意url变更写法
    查看>>
    Mysql8.0的特性
    查看>>