GraphQL Explorer 无法与 Express 会话一起使用

Question

我正在尝试使用 GraphQL 和 Express 创建登录系统，但会话未保存。每当我登录时，req.session.userId 都保持未定义状态。

我的代码：

(async () => {
    await connect(process.env.MONGO_URI!, { dbName: "example" });

    const app = express();

    app.use(
        cors({
            origin: [__clientUrl__, "https://studio.apollographql.com"],
            credentials: true
        })
    );

    app.use(
        session({
            name: "qid",
            secret: process.env.SESSION_SECRET!,
            store: MongoStore.create({
                mongoUrl: process.env.MONGO_URI,
                dbName: "example"
            }),
            saveUninitialized: false,
            resave: false,
            cookie: {
                maxAge: 6.048e8,
                httpOnly: __prod__,
                sameSite: "lax",
                secure: __prod__
            }
        })
    );

    const server = new ApolloServer({
        schema: await buildSchema({
            resolvers: [HelloResolver, UserResolver],
            validate: false
        }),
        context: ({ req, res }) => ({ req, res })
    });

    await server.start();

    server.applyMiddleware({
        app,
        cors: {
            origin: [__clientUrl__, "https://studio.apollographql.com"],
            credentials: true
        }
    });

    app.listen(__port__, () =>
        console.log(
            `???? Server started at http://localhost:${__port__}${server.graphqlPath}`
        )
    );
})();

TypeGraphQL 登录突变：

    @Mutation(() => User, { nullable: true })
    public async login(
        @Arg("username") username: string,
        @Arg("password") password: string,
        @Ctx() { req }: Context
    ) {
        const user = await UserModel.findOne(
            username.includes("@") ? { email: username } : { username }
        );
        if (!user) return;

        if (!(await verify(user.password, password))) return;

        req.session.userId = user._id;

        return user;
    }

我还在 GraphQL Explorer 中启用了 cookie 并设置了以下标题：

Answer 1

你找到解决办法了吗？ 您可以尝试通过在创建服务器时添加插件 ApolloServerPluginLandingPageGraphQLPlayground 来使用“旧”playgound

plugins: [ ApolloServerPluginLandingPageGraphQLPlayground(), ],

如果这适用于“旧”游乐场，则问题出在 graphqlstudio。

AFAIC，无论我传递给服务器的 cors 值如何，我都面临 graphql studio 的 cors 问题。于是我放弃了graphql studio，回到了playground

Answer 2

我做了一些研究，发现当你创建 ApolloServer 实例时我需要写这个：

    const server = new ApolloServer({
        schema: await buildSchema({
            resolvers: [HelloResolver, UserResolver],
            validate: false
        }),
        context: ({ req, res }) => {
>           res.header(
>               "Access-Control-Allow-Origin",
>               "https://studio.apollographql.com"
>           );
>           res.header("Access-Control-Allow-Credentials", "true");

            return { req, res };
        }
    });

这允许在 GQL Explorer 中设置 cookie。让我知道这是否适合您！