想要完成fetch请求，除了了解跨域意外。还需要了解一个库，cors，然后这个跨域和以往的跨域又不一样，所以你还要了解什么是简单请求和非简单请求，因为可能你以往解决的跨域都是简单请求。
我的新路历程如下。
第一次用fetch，之前的express服务，以往跨域好好的。这次报错了。
搜索了半天，发现，我可以把
mode: "cors",
修改成
mode: "no-cors",
好啦，跨域通过啦。
然后不好的事情发生了，我的express服务接收不到body参数，我发现我的content-type不对，我就使劲设置，header，不轮我怎么设置，content-type：‘application/json’都无效。这可愁坏我了。
后来我发现，原来no-cors是非简单请求，它只有三个值，并不包括'application/json',那么，这就明白了，我得改成，no-cors，那么，问题又转回来了，我还需要解决我的express服务。哎。
记得我以前也遇到过，我得下面这样才行
//Access-Control-Allow-Headers ,可根据浏览器的F12查看,把对应的粘贴在这里就行
// res.header('Access-Control-Allow-Headers', 'X-Requested-With,Origin, Content-Type, Cookie, Accept,multipart/form-data, application/json,Authorization,platform,platform_type,Referer,User-Agent,Vue-Component');
那这样的话，我使用了cors库，一开始并不生效。
这个地方给大家提个醒，文档上，介绍的是
app.use(cors())
而我已经用了route，所以得下面这样才能生效。
router.use(cors())
哎，总算解决完了。
跨域问题主要在header上下功夫
首先提供一个w3c的header定义 http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html
再提供一个网友提供的header详解 http://kb.cnblogs.com/page/92320/
这两个有助于帮助大家理解header的类型和作用， 但是遗憾的是跨域相关的两个header属性我都没有找到相关的定义，
下面直接告诉大家 1是Access-Control-Allow-Origin 允许的域 2是Access-Control-Allow-Headers 允许的header类型
第一项可以直接设为* 表示任意 但是第二项不能这样写，在chrome中测试跨域发现报错， 最终的代码看起来是这个样子：
1 2 3 4 5 6 7 8 | app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With"); res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); res.header("X-Powered-By",' 3.2.1') if(req.method=="OPTIONS") res.send(200);/*让options请求快速返回*/ else next();}); |
另外有cors模块可以用
CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。
整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。
因此，实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。
浏览器将CORS请求分成两类：简单请求（simple request）和非简单请求（not-so-simple request）。
只要同时满足以下两大条件，就属于简单请求。
（1) 请求方法是以下三种方法之一：
HEAD
GET
POST
（2）HTTP的头信息不超出以下几种字段：
Accept
Accept-Language
Content-Language
Last-Event-ID
Content-Type：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain
这是为了兼容表单（form），因为历史上表单一直可以发出跨域请求。AJAX 的跨域设计就是，只要表单可以发，AJAX 就可以直接发。
参考地址