如何使用ssr nuxt和httpOnly auth发送获取请求

问题描述

我有一个SSR nuxt应用程序和laravel后端。在auth中，我们使用的是HttpOnly，在大多数代码中都可以，但是在服务器端使用fetch和asyncData发送请求时存在问题。

我知道只有浏览器会自动将auth的标头与请求合并并发送。现在，我正在使用访存，这会将请求发送到服务器，并且服务器上没有浏览器。

我搜索了在nuxt中进行自定义提取的操作，但没有找到任何内容。 我应该如何发送带有fetch和asyncdata的请求，而没有得到401 error？

---

更新

***：很遗憾，我必须将nuxt的模式从spa更改为ssr，因为我还没有找到答案。

解决方法

除非您设置credentials init option，否则

获取不会发送cookie。尝试将credentials选项设置为same-site或include，如下所示：

fetch('your-endpoint',{ credentials: 'same-site' }).then(...)

,

我仍然没有找到答案。我这样更改了axios中的nuxt.config.js部分：

axios: {
    baseURL: 'https://api.iranicard.net/api/v1/admin/',credentials: 'same-origin',common: {
      'Accept': 'application/json',"Content-Type": "application/json"
    },retry: { retries: 2 },proxyHeaders: false
  },

但是仍然成功登录后，在使用fetch或asyncData 钩子的组件中，我注销了，并且无法正常工作。