如何在同构应用程序中通过节点获取传递请求 cookie？

Question

我正在尝试使用 React、Express 和同构获取（基于客户端上的 whatwg-fetch 和服务器上的 node-fetch）构建同构项目，从 this common boilerplate. I'm using cookies for my access token, and credentials: 'same-origin' on front-end side to send it 到 GraphQL --效果很好。

问题是我不能对服务器端使用相同的解决方案 -- node-fetch 只是不支持使用 XMLHttpRequest cookies。我的获取请求在路由器的几个抽象层下，所以我不能只使用来自 req 的 cookie 值。

这是我的 server.js 代码 (full version):

server.get('*', async (req, res, next) => {
  try {
    // some presettings here..

    await Router.dispatch({ path: req.path, query: req.query, context }, (state, component) => {
      data.body = ReactDOM.renderToString(component);
    });

    res.send(template(data));
  } catch (err) {
    next(err);
  }
});

和路线的 index.js (full version):

export const action = async (state) => {
  const response = await fetch('/graphql?query={me{id,email}}', {
    credentials: 'same-origin',
  });
  const { data } = await response.json();
  // ...
  return <Login title={title} me={data.me} />;
};

如何将我的令牌从 server.js 传递到我的获取模块？或者，也许有一些更好的决定？

Answer 1

首先，我希望你现在已经找到答案了！

其次，cookie 实际上只是 headers。如果您需要发送 cookie 来授权 server-side 请求，您始终可以只创建 cookie 值所需的字符串并将其作为 header 发送.

举个例子，看看这个 server-side node-fetch 包装器如何将保存的 cookie 附加到出站请求：https://github.com/valeriangalliat/fetch-cookie/blob/master/index.js#L17

如何在同构应用程序中通过节点获取传递请求 cookie？

How to pass Request cookies through node-fetch in isomorphic app?

javascript

cookies

node.js

reactjs

isomorphic-javascript