向 VueJS 应用程序添加站点地图

问题描述

我使用 VueJS 而不使用 Vue CLI。我想向我的路由器添加一个 sitemap.xml，但我很难理解如何使用 vue-router-sitemap 库。

我已经尝试使用提到的代码，但它没有指定应该在哪里添加。

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

如果我在任何地方添加这个文件，那么 app 变量就不存在（正如我所期望的）。我假设这必须放在特别的地方。

我找不到关于如何执行此操作的任何其他示例，并且有关此库的其他问题在 reddit 或 stackoverflow 上仍未得到解答。

向 VueJS 项目添加 sitemap.xml 的正确方法是什么？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）