Vue框架怎么做sitemap？

发布网友 发布时间：2022-04-19 15:54

我来回答

共2个回答

热心网友 时间：2023-05-20 03:08

vue-router-sitemap

通过vue-router配置生成sitemap.xml

 // router.js
        import VueRouter from 'vue-router';
        export const router: VueRouter = new VueRouter(
            {
                routes: [
                    {
                        path: '/',
                        name: 'index',
                        component: Index,
                    },
                ],
            },
        );

 

 // sitemapMiddleware.js
        import VueRouterSitemap from 'vue-router-sitemap';
        import path from 'path';
        import { router } from 'router';
        export const sitemapMiddleware = () => {
            return (req, res) => {
                res.set('Content-Type', 'application/xml');
                const staticSitemap = path.resolve('dist/static', 'sitemap.xml');
                const filterConfig = {
                    isValid: false,
                    rules: [
                        /\/example-page/,
                        /\*/,
                    ],
                };
                new VueRouterSitemap(router).filterPaths(filterConfig).build('http://example.com').save(staticSitemap);
                return res.sendFile(staticSitemap);
            };
        };
        app.get('/sitemap.xml', sitemapMiddleware());

请采纳

热心网友 时间：2023-05-20 03:08

前端代码编译之后和原生是一样的，在编译之后的页面上做就可以了