浏览器中存储 cookie 的问题 NEXTjs 、Redux RTK 查询

Question

我正在开发一个使用 Django 作为后端的项目。我通过 API cookie 获取 XCRF 令牌，如下面的 Postman 图片所示。

我通过 redux rtk 查询进行访问，如下所示：

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";

export const TestApi = createApi({
  reducerPath: "TestApi",
  baseQuery: fetchBaseQuery({
    baseUrl: process.env.NEXT_PUBLIC_API_URL,
    credentials: "include",
  }),
  tagTypes: ["TestApi"],
  endpoints: (builder) => ({
    getTestData: builder.query({
      query: () => "/user/csrf_cookie",
      providesTags: ["TestApi"],
    }),
  }),
});

export const { useGetTestDataQuery } = TestApi;

API响应：

问题：cookie部分没有数据。

这是 cookie 快照：

Answer 1

如果您想在 next.js 项目中处理 cookie。我建议你使用这个插件 js-cookie 使用这个 cookie 库你可以解决这个问题。

使用以下方式像 npm install js-cookie 一样安装这个库

import Cookies from "js-cookie";


Cookies.set("yourCookieName", "yourToken", { expires: 7 }); // Expires in 7 days