在我的 Nuxt 应用或 Vue 应用中生成动态 robots.txt 和 sitemap.xml答案

【问题标题】：Generate dynamic robots.txt and also sitemap.xml in my Nuxt app or Vue app在我的 Nuxt 应用或 Vue 应用中生成动态 robots.txt 和 sitemap.xml
【发布时间】：2020-09-22 14:23:24
【问题描述】：

我在这里要做的是让 nuxt.js 或 vue.js 生成一个 robots.txt 和 sitemap.xml 可以从外部 api 提取每个文件中的数据。

【问题讨论】：

Nuxt 和 Vue 是前端框架。您的后端需要提供 robots.txt。
这取决于所有的 JS 框架

标签： javascript vue.js nuxt.js sitemap robots.txt

【解决方案1】：

在 Nuxt 上，您可以使用这两个模块动态生成您的 robots.txt 和 sitemap.xml

【讨论】：

在@nuxtjs/sitemap 模块中，如果我需要nuxt 中的上下文对象或“req”对象来获取标头，我可以在@nuxtjs/sitemap 中执行此操作吗？原因是我有一个 saas 产品，我希望每件事都按域动态，甚至是站点地图
要获取“@nuxtjs/sitemap”包中的req对象，我必须在本地获取模块并将'await cache.routes.get('routes')'替换为'await options.routes (req) ' 在 middleware.js 文件中获取我的路由中的 req 对象，因为我有一个 Saas Web 应用程序并且想要由域动态调用的数据，所以可以做还是不做，或者有更好的方式
在SSR模式下，如果您没有在站点地图配置中设置“主机名”选项，它将自动从req初始化（参见文档github.com/nuxt-community/…）
如果我希望路由对象中的req 对象调用一些API，这是可能的
不，您无法访问“req”对象，因为该模块使用缓存，因此 req 可能已过时。但是您可以进行简单的异步 HTTP 调用（使用 axios 或 node-fetch）。见例如。 github.com/nuxt-community/…