用于NuxtJS和Firestore网站的Rendertron，用于SEO目的

Question

我想将Rendertron用于我的NuxtJS站点。

我的nuxtjs消防商店网站在这里https://ampedcast.comrendertron网站在这里：https://render-tron.appspot.com/

根据谷歌给出的这个例子：https://codelabs.developers.google.com/codelabs/dynamic-rendering#4

我需要将下面这几行添加到我的nuxtjs站点中的server.js中https://ampedcast.com但我不知道该怎么做。在nuxtjs中，不应该对server.js.进行更改

const rendertron = require('rendertron-middleware');
const BOTS = rendertron.botUserAgents.concat('googlebot');
const BOT_UA_PATTERN = new RegExp(BOTS.join('|'), 'i');
app.use(rendertron.makeMiddleware({
proxyUrl: 'https://ampedcast-7c1d6.uc.r.appspot.com/render',
userAgentPattern: BOT_UA_PATTERN
}));

任何帮助或建议都将不胜感激。

Answer 1

我自己没有使用过NuxtJS，但从文档中可以看出：

Nuxt.js允许您在nuxt.config.js中定义应用程序的服务器连接变量。

我假设您可以在那里配置服务器设置。您可能还需要一个自定义API端点，并将此部分添加到其中：

app.use(rendertron.makeMiddleware({
proxyUrl: 'https://ampedcast-7c1d6.uc.r.appspot.com/render',
userAgentPattern: BOT_UA_PATTERN
}));

然后将中间件添加到nuxt.config.js:

serverMiddleware: [
{ path: "/api", handler: "~/api/rest.js" },
],

我使用过其他类似的框架。我很想看看这是否对你有效，或者其他人是否对此有更好的答案。