在nextjs中为多个设备使用cookie

Question

我正在使用nextjs，我想使用cookie在多个设备上共享一些数据。当我在当前设备上的cookie中设置数据，并在另一台设备上检查时，我发现数据不存在。

在_app.js中

​

import { CookiesProvider } from "react-cookie"

<CookiesProvider>
          <UserProvider>
            <CartProvider>
              <Layout
              >
                <Component {...pageProps} />
              </Layout>
            </CartProvider>
          </UserProvider>
        </CookiesProvider>

​

在cartProvider中

​

import { useCookies } from "react-cookie";


export default function CartProvider({ children }: Props) {
  const [cookies, setCookie, removeCookie] = useCookies([
    "cart_token",
    "token",
  ]);
  useEffect(()=>{
  API.get(`cart/show/${temp_token ? temp_token : ""}`)
              .then((res) => {
                setCookie("cart_token", res.data.data.cart_token, {
                  path: "/",
                  maxAge: 3600 * 24 * 360,
                  sameSite: true,
                });
                })
  },[])
  }

​

但是当我在另一个设备上检查cookie时，我在cookie中看不到cart_token

Answer 1

要添加@juliomalves评论，在您的情况下，您需要将购物车项目存储在您的后端，然后在新设备中，在同一用户登录时将其取回