vue项目中如何生成sitemap.xml文件

vue项目开发中，如何生成sitemap.xml文件，下面web建站小编给大家简单介绍一下！

在router.js路由中新增以下代码：

function getRoutesList(routes, pre) {
  return routes.reduce((array, route) => {
    const path = `${pre}${route.path}`;
 
    if (route.path !== '*') {
      array.push(path);
    }
 
    if (route.children) {
      array.push(...getRoutesList(route.children, `${path}/`));
    }
 
    return array;
  }, []);
}
 
//生成sitemap
function getRoutesXML() {
  const list = getRoutesList(router.options.routes, 'https://ipkd.cn/')
    .map(route => `<url><loc>${route}</loc></url>`)
    .join('\r\n');
  return `<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
    ${list}
  </urlset>`;
}
 
console.log('输出sitemap：', getRoutesXML())

vue项目开发中一般会出现哪些报错？（vue常见的10种错误）

Vue项目中如何使用过滤器（代码介绍）？

Vue项目开发如何利用Axios调试

Vue项目开发如何添加请求拦截器和响应拦截器

如何利用Vue和网易云API开发一款个性化音乐

标签： vue开发, 生成sitemap文件

上面是“vue项目中如何生成sitemap.xml文件”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4787.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！