在響應標頭中設置Cookie，但未在瀏覽器中設置

Question

我使用apollo-server-express構建了一個GraphQL服務器，並在localhost：4000上運行它。

當我從GraphQL游樂場傳遞查詢時，響應在標頭中具有set-cookie，如下所示： 響應標頭

但是在Chrome瀏覽器的“存儲”>“ cookies”標簽中，沒有cookie。 chrome：應用程序>存儲> cookie

這是我的server.ts。 （我認為我以正確的方式設置了我的cors配置）

const server = new ApolloServer({
  typeDefs,
  resolvers,
  introspection: true,
  playground: true,
  dataSources: () => ({
    projectAPI: new ProjectAPI(),
  }),
  context: ({ req, res }: { req: Request; res: Response }) => ({ req, res }),
})

const app = express()

/* Parse cookie header and populate req.cookies */
app.use(cookieParser())

app.use(
  cors({
    origin: '*',
    credentials: true, // <-- REQUIRED backend setting
  })
)

app.use((req: any, res: any, next: any) => {
    console.log(req.cookies)
    next()
})

server.applyMiddleware({ app, path: '/' })

if (process.env.NODE_ENV !== 'test') {
  app.listen({ port: 4000 }, () =>
    console.log(`🚀 Server ready at http://localhost:4000${server.graphqlPath}`)
  )
}

export { server }

這是我的resolvers.ts ：

export default {
  Query: {
    session: async (_: null | undefined, __: null | undefined, { res }: any) => {
      const response = await fetch(`http://localhost:3000/api/v1/sessions/current_user`, {
        headers: {
          'content-type': 'application/json',
        },
      })

      /** Get session cookie from the response header */
      const sessionCookie = setCookie
        .parse(response.headers.get('set-cookie') as string)
        .find((el: any) => el.name === '_session')

      /** If session cookie exists, save the cookie */
      if (sessionCookie && res) {
        const { name, value, ...rest } = sessionCookie
        res.cookie(name, value, rest)
      }

      const data = await response.json()
      return data.user
    },

Answer 1

您是否在客戶端使用apollo-client？

如果是這樣，則在創建終止的http鏈接（或批處理鏈接等）時，需要添加credentials選項。 如果不使用apollo-client，則只需要相應地添加此選項。

const OPTS = {
  uri: GQL_BASE,
  credentials: 'include', // or 'same-origin' etc.
  includeExtensions: true,
}

const httpLink = new BatchHttpLink(OPTS)

您是正確的，您還需要credentials: true在CORS選項中添加了credentials: true 。