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())
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
vue项目开发中一般会出现哪些报错?(vue常见的10种错误)
标签: vue开发, 生成sitemap文件
上面是“vue项目中如何生成sitemap.xml文件”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4787.html
workflows工作流
1个可爱的白色短发女孩
一只穿着黑色蝴蝶结西装可爱橙色小猫
外星人ComfyUI工作流
一朵在晨光中带着露珠的蓝玫瑰
在地铁站里一个迷茫的非主流姑娘
文生图工作流:图片合并comfyui工作流
3D几何打印人体模型ComfyUI工作流
一个超现实和超现实的场景,在森林中心有一座蛇形的房子
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!