node.js - Nuxt - 服务器端的 Axios 请求不发送引荐来源网址

Question

故事

我的后端应用程序为我的网站页面提供 SEO 信息。这些信息之一是 OpenGraph 元标记，例如 og:type 和 og:url。 og:url 值由 API 通过 HTTP“Referer” header 给出。

我现在在做什么

我正在使用 Axios 模块来发出我的请求。 通过页面中的 asyncData 函数，我可以获得 req 变量及其 headers.referer 属性，这就是我想要的，如下所示:

// page.vue
async asyncData({ app, req }) {
  app.$axios.setHeader('Referer', req.headers.referer);
}

问题

如果我在索引页面，比方说，然后我单击指向动态页面的链接，我收到错误，因为 req 在 asyncData 上不可用导航时起作用，我想。

问题

如何动态获取我的请求引用，以通过 Axios 请求发送客户端和服务器端请求？

有关版本的信息:

• nuxt:1.4.2
• @nuxtjs/axios:5.3.1

Answer 1

你可以这样做:

async asyncData({ app, req }) {
  const referrer = process.client ? window.document.referrer :  req.headers.referer
  app.$axios.setHeader('Referer', referrer)
}