[英]How to include cookies with fetch request in Nextjs
考虑以下代码
Index.getInitialProps = async function({req}) {
const res = await fetch("http://localhost/api/tiles");
const json = await res.json();
}
假设/api/tiles
端点需要访问用户的uid
cookie。 通常,一个人会做{credentials: "include"}
。 但是我如何在 Next.js 中执行此操作?
当你使用React
(NextJS 建立在 ReactJS 之上)时,你可以使用react-cookie
来获取存储在系统中的 cookies。
安装react-cookie
npm install react-cookie
如果您使用版本>= 16.8.0
的 Reactjs,则可以使用 React hooks。
const [cookies, setCookie, removeCookie] = useCookies(['cookie-name']);
您可以使用setCookie(name, value, [options])
设置 cookie 并使用 cookie.get(name, [options]) 获取cookie.get(name, [options])
所以在你的情况下,代码应该看起来像
import { useCookies } from 'react-cookie';
const [cookies, setCookie] = useCookies(['name']);
Index.getInitialProps = async functon({req}) {
cookie = cookies.get(name)
const res = await fetch("http://localhost/api/tiles", cookie);
const json = await res.json();
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.