vue js项目中的动态站点地图生成器

Question

我想根据 vue js 项目中的路由生成sitemap，但我找不到任何解决方案？ 我在 npm 中找到了 vue-router-sitemap 包，但它没有提及任何示例，我完全糊涂了？解决方案是什么？ 无论如何，有什么方法可以访问另一个普通 js 文件中的路由对象吗？ 这是一个例子，但什么是应用程序！我该如何使用这些？

// 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());

Answer 1

这个中间件应该放在 vue.config.js 中。