ajax 自定义请求头出现跨域

浏览器请求分为两种，简单请求和复杂请求

简单的请求是满足以下所有条件的请求：

允许的方法之一：
	GET
	HEAD
	POST
除了由用户代理自动设置的标头（例如Connection，User-Agent、 或在 Fetch 规范中定义的其他标头作为禁止的标头名称)，
允许手动设置请求标头
Accept
Accept-Language
Content-Language
Content-Type （请注意以下附加要求）
标题中指定的媒体类型允许的唯一类型/子类型组合Content-Type是：
application/x-www-form-urlencoded
multipart/form-data
text/plain
如果使用XMLHttpRequest对象发出请求，则不会在请求中使用的XMLHttpRequest.upload属性返回的对象上注册事件侦听器；也就是说，给定一个XMLHttpRequest实例xhr，没有代码调用xhr.upload.addEventListener()添加事件侦听器来监视上传。
ReadableStream请求中没有使用任何对象。

我添加了一个token的字段，属于复杂请求了。复杂请求会先发送OPTIONS方法的预检请求。

解决方法

# 配置响应头
rst = make_response(result_text)
rst.headers['Access-Control-Allow-Origin'] = '*'  # 允许访问的ip
rst.headers['Access-Control-Allow-Methods'] = 'PUT,GET,POST,DELETE,OPTIONS'  # 允许的请求方式
rst.headers['Access-Control-Allow-Credentials'] = 'true'
allow_headers = "Referer,Accept,Origin,User-Agent,Authorization"
rst.headers['Access-Control-Allow-Headers'] = allow_headers  # 允许的请求头字段
rst.headers['Access-Control-Max-Age'] = "86400"  
return rst

# 请求的接口允许OPTIONS请求
@app.route('/logout', methods=["POST", "OPTIONS"])  #

参考：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS