今天在使用fetch方法

fetch('xxx.com',{header:{bbbbbbb:111}})

浏览器返回的请求信息中，header变成了

:authority:koss.nocorp.me
:method:OPTIONS
:path:/?a=1
:scheme:https
accept:*/*
accept-encoding:gzip, deflate, br
accept-language:zh-CN,zh;q=0.8
access-control-request-headers:bbbbbbbbbbb
access-control-request-method:GET
origin:http://localhost:3333
referer:http://localhost:3333/
user-agent:Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.113 Safari/537.36

而该次请求的Request Method也变成了OPTION，不论是生成的奇怪请求头，还是OPTION方法，都是没有遇见过的。

这次请求与平时开发中发送的请求有以下几点不同

1.该次请求对象网站是跨域地址

2.本次请求添加的请求头服务端不会获取

遂根据浏览器返回的请求信息字段名进行查询，查询得知

access-control-request-headers:bbbbbbbbbbb
access-control-request-method:GET

名为预检头，是CORS请求中用于向服务端发送请求时获取准许的一个步骤。服务端的回应主要在Response 中的Access-Control-Allow-Origin字段体现。

具体相关信息可以查阅MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

以上这篇浅谈在fetch方法中添加header后遇到的预检请求问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# fetch  # 添加header  # 服务端  # 给大家  # 都是  # 变成了  # 希望能  # 相关信息  # 几点  # 这篇  # 浅谈  # 小编  # 大家多多  # 而该  # 字段名  # 平时  # CN  # access  # strong  # language  # br  # zh 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Android利用动画实现背景逐渐变暗  zabbix利用python脚本发送报警邮件的方法  浅析上传头像示例及其注意事项  如何快速上传建站程序避免常见错误？  宙斯浏览器怎么屏蔽图片浏览 节省手机流量使用设置方法  如何做网站制作流程,*游戏网站怎么搭建？  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理  如何在IIS服务器上快速部署高效网站？  佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】  Laravel API路由如何设计_Laravel构建RESTful API的路由最佳实践  Laravel中的Facade(门面)到底是什么原理  如何在IIS7中新建站点？详细步骤解析  Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南  如何利用DOS批处理实现定时关机操作详解  JS中对数组元素进行增删改移的方法总结  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  Linux系统命令中screen命令详解  Laravel怎么实现模型属性的自动加密  奇安信“盘古石”团队突破 iOS 26.1 提权  米侠浏览器网页背景异常怎么办 米侠显示修复  如何在阿里云完成域名注册与建站？  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  Laravel如何使用Blade组件和插槽？（Component代码示例）  Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  EditPlus中的正则表达式 实战(2)  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  laravel怎么在请求结束后执行任务（Terminable Middleware）_laravel Terminable Middleware请求结束任务执行方法  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  WEB开发之注册页面验证码倒计时代码的实现  JavaScript中的标签模板是什么_它如何扩展字符串功能  Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制  如何自己制作一个网站链接,如何制作一个企业网站，建设网站的基本步骤有哪些？  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  如何在阿里云香港服务器快速搭建网站？  如何挑选优质建站一级代理提升网站排名？  如何注册花生壳免费域名并搭建个人网站？  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  Laravel观察者模式如何使用_Laravel Model Observer配置  香港服务器选型指南：免备案配置与高效建站方案解析  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  七夕网站制作视频,七夕大促活动怎么报名？  html5如何实现懒加载图片_ intersectionobserver api用法【教程】  bootstrap日历插件datetimepicker使用方法  如何制作一个表白网站视频,关于勇敢表白的小标题？  装修招标网站设计制作流程,装修招标流程？  如何确保FTP站点访问权限与数据传输安全？  微信小程序 canvas开发实例及注意事项