[跨域问题]：Response to preflight request doesn't pass access control check: It does not have HTTP o

先将注意力放在报错信息上：
“Response to preflight request doesn't pass access control check: It does not have HTTP ok status.”

首先什么是 preflight request ?

A CORS preflight request is a CORS request that checks to see if the CORS protocol is understood and a server is aware using specific methods and headers.
** It is an OPTIONS request**, using three HTTP request headers: Access-Control-Request-Method, Access-Control-Request-Headers, and the Origin header.
@https://developer.mozilla.org/en-US/docs/Glossary/Preflight_request

也就是在一个HTTP 请求之前，会先发送一个 METHOD 为 OPTION 的预请求，去询问服务器是否支持跨域请求。

问题的解决

首先设定一个响应拦截器：

var app = express();

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Headers', '*');
  next();
});

然后设定一个 OPTION 的handler, 所匹配的 path 就是你先前发送请求失败的 path：

app.options('/example', (req, res) => {
  res.status(200).send();
});

现在就可以了， 我的本地完整的前后台涉及代码在最后面的 [附] 部分，用于参考：

其他的解决办法

解决办法主要因场景而定，说说我这个问题怎么遇到的：
我这里是在写一个 graphql 的客户端请求处理的 demo，
所以我需要模拟客户端请求， 是一个最简单的 cs 场景。
我提供了一个 html 文件，其中用 fetch 向node express 端的 graphql handler 发送请求。
我的启动方式，我尝试了直接本地浏览器通过 file协议打开 index.html， 这明显是会跨域的。 也尝试了用 live-server vscode 插件将该 index.html serve 在了 5500 默认端口。 这明显也是会跨域的。
所以我先 设定了 res.setHeader('Access-Control-Allow-Origin', '*');
发现还是不行。 google 一番然后就有了这篇笔记。

Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.