2024年06月11日 建站教程
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://lmcjl.com/')
.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())
本文链接：http://so.lmcjl.com/news/6340/