如何重新加载asyncData？

Question

我在Nuxt.js中通过asyncData从后端获取数据：

  async asyncData ({ app }) {
    const { data: { testimonials } } = await axios('https://example.com/api/testimonials.json')

    return {
      testimonials
    }
  }

站点在通用模式下配置-页面在服务器上呈现。但是客户端可以具有cookie，该cookie将认证他也可以从CMS接收私有内容。

这在客户端导航时有效(从浏览器使用cookies调用asyncData)，但私有内容不会在第一次加载时加载(从服务器加载)。

有没有什么方法可以在客户端调用realod asyncData？我会从隐藏按钮或其他逻辑调用它(例如，浏览器中有一个身份验证cookie )。

Answer 1

你最好在服务器端阅读cookie，直接为你的用户提供正确的内容！

看一看https://www.npmjs.com/package/cookie-universal-nuxt

您可以在nuxt route中间件中读取cookie，或者从商店中的nuxtServerInit读取cookie。