在不使用 fetch 的情况下更新服务器端的 Nuxt 存储（已弃用）答案

【问题标题】：Update Nuxt store on server side without using fetch(deprecated)在不使用 fetch 的情况下更新服务器端的 Nuxt 存储（已弃用）
【发布时间】：2020-05-14 09:14:22
【问题描述】：

有没有办法在不使用 fetch() 方法的情况下更新服务器端的存储。基于 Nuxt 文档 fetch 已被弃用，我不想使用已弃用的功能。

我正在尝试使用 asyncData()，但在尝试更新存储状态时无法正常工作。

【问题讨论】：

nuxtServerInit
Ifaruki 谢谢。我想这就是我要找的。span>
它在每次页面刷新后触发，并且只在服务器端工作，所以是的

标签： vuex nuxt.js

【解决方案1】：

您可以直接从asyncData 调用store 方法并更新您的商店。

async asyncData ({ store }) {
  const payload = 'your payload';

  store.dispatch('yourActionName', payload);
}

【讨论】：

【解决方案2】：

我终于解决了。首先我从 API 获取数据，然后将数据推送到商店。

  async asyncData(context) {
     const cookies = new Cookies(context.req.headers.cookie)
     const access_token = cookies.get('access_token')
     const response = await context.$axios
        .$get('/user/details/username/' + context.params.username, {
           headers: {
              "Authorization": "Bearer " + access_token
           }
     })
     context.store.dispatch('user/user/getUserByUsername', response)
     return {
        user: response
     }
  }

【讨论】：