如何解决如何使用 Apollo 客户端和 Apollo 服务器 Koa 在 Next.js 中正确设置 CORS 和 Cookie?
我有这个带有 Apollo 客户端的 Next.js 应用程序,我使用 apollo-server-koa
和 koa-session
作为 API。
@koa/cors
和 koa-session
的配置:
// app.ts
export const app = new Koa()
app.keys = ['secret']
app.use(cors({
credentials: true,}))
app.use(session({
key: 'foobar',secure: NODE_ENV === 'production' ? true : false,},app))
在 Next.js 中,这是 apolloClient
配置:
function createApolloClient() {
return new ApolloClient({
ssrMode: typeof window === 'undefined',link: new HttpLink({
uri: 'http://localhost:8000/graphql',// Server URL (must be absolute)
credentials: 'include',// Additional fetch() options like `credentials` or `headers`. Default is `same-origin`
}),cache: new InMemoryCache(),})
}
当我从 Next.js 应用程序在 http://localhost:3000/auth
处登录(突变)时,服务器 (http://localhost:8000/graphql
) 在浏览器中成功设置了 cookie。但是,Next.js 不会将 cookie 发送回服务器。
我做错了什么?
@koa/cors:https://github.com/koajs/cors
koa 会话:https://github.com/koajs/session
阿波罗客户端身份验证:https://www.apollographql.com/docs/react/networking/authentication/#cookie
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。