现在的web项目，很多都是前后端分离，特别容易出现跨域问题 那么什么是跨域问题呢？本篇文章带你彻底从本质上弄明白什么是跨域问题以及如何解决 一 跨域有什么现象？ 我们先看一下现象，如何出现跨域问题，如下实验 前端：浏览器正在访问一个页面： https://www.helloworld.net/special ， 此页面中发送了一个后端的一个 http 接口 后端：访问的后端接口为： https://tiger-api.helloworld.net/v1/special/getSpecialList 上面的提示： has been blocked by CORS policy: Response to preflight request does not pass access control check 翻译过来就是： 已被CORS策略阻止:对请求的响应未通过访问控制检查 这就是没有配置相关的跨域参数，是不能访问这个接口的 二 什么是跨域问题？ 举例来说，就是：浏览器访问一个 页面时，比如访问 https://www.helloworld.net/special 此时的 协议 ， 主机 ， 端口 ，分别是 https , www.helloworld.net , 80 那么这个页面中，发的接口请求，这个接口的 协议 ， 主机 , 端口 必须和当前的页面的一样，三个都一样才行，才可以访问 否则就会出现上面的跨域现象 比如浏览器打开页面 https://www.helloworld.net/special ， 在此页面中，可以请求接口 https://www.helloworld.net/getSpecialList 因为他们的协议，主机，端口，都是相同的，是可以请求成功的。 总结一句话：在浏览器中，只有 协议，主机，端口三者都相同时，才可以互相访问，否则，不可以访问 注意：是在浏览器中 三 跨域问题是怎么造成的？ 这个问题就涉及到了 浏览器 的 同源策略 这就是 浏览器 的 同源策略 ，通过上面的例子可以知道 所谓的同源策略，其实就是 协议 ， 主机 , 端口 都相同的，才可以互相访问 否则只要有一个不同，是不能访问的。 注：跨域问题，只是出现在浏览器中，因为浏览器有 同源策略 ，所以才会有跨域问题 之前我也一直以为，跨域问题是由于浏览器的 同源策略 产生的，那么是不是只需要在请求前，加点配置就能解决了 为什么都是后端在响应头里面加点配置才解决的？为什么是后端？跨域问题是浏览器造成的，这和后端有什么关系？ 从上面，我们知道一个事实：我们访问的url，如果不是同源的，也就是协议 ，主机，端口，有一个不一样，是不能请求通的 那么问题来了： 为什么请求不通？ 既然请求不通，到底是作用在http的哪个阶段导致的请求不通？ 是浏览器拦截了请求，没有让请求发出去，导致的不通？ 还是浏览器拦截了响应，导致的不通？ 答案就是：请求是能正常的发出去的，后端也正常的响应了，浏览器是把响应给拦截了，所以会出现开头的 has been blocked by CORS policy: Response to preflight request does not pass access control check 用一张图说明，就很容易明白了，如下图： 四 如何解决跨域问题 通过上面的图我们知道了，浏览器是拦截了响应（和第一阶段的请求是没有关系的），导致整个http请求没有走通 那么，如何解决，让接口能正常的发出去，正常的收到响应数据呢？ 很容易就想到，如何在响应头中添加一些特殊的字段，浏览器一看到有这些字段，就不拦截了，那么跨域问题不就解决了吗 事实上正是这样的，这也是之前好奇，解决跨域问题，为什么是后端加一些配置，其实就是在响应头中添加了一些特殊的响应头 那么这些特殊的响应头是什么呢？ 我们先看看 www.helloworld.net 是怎么解决的，添加了哪些响应头字段 是的，只要后端在响应的时候，在响应头中添加以下字段，就可以解决跨域问题 access-control-allow-origin : 该字段是必须的。它的值要么是请求时 Origin 字段的值，要么是一个 * ，表示接受任意域名的请求。 access-control-allow-credentials : 该字段可选。它的值是一个布尔值，表示是否允许发送Cookie。默认情况下，Cookie不包括在CORS请求之中。设为 true ，即表示服务器明确许可，Cookie可以包含在请求中，一起发给服务器。这个值也只能设为 true ，如果服务器不要浏览器发送Cookie，删除该字段即可 Access-Control-Allow-Methods : 该字段必需，它的值是逗号分隔的一个字符串，表明服务器支持的所有跨域请求的方法。注意，返回的是所有支持的方法，而不单是浏览器请求的那个方法。这是为了避免多次＂预检＂请求。 其实最重要的就是 access-control-allow-origin 字段，添加一个 * ，允许所有的域都能访问 当然，解决跨域还有其它方法，本文只讲最常用的，其它的方法可以自己搜一下 五 总结： 通过以上的讲解，现在总结如下 同源策略：协议，主机，端口 三者都相同，就是同一个源，只要有一个不同，就是不同的源，只有同一个源的资源才能互相访问 跨域问题就是浏览器的同源策略造成的 跨域问题的本质 ，就是浏览器拦截了响应，所以后端只需要在响应头中添加相应的字段，就可以解决跨域问题 还有记住下面这张图
基金我们操作的依据是什么满仓者，如果继续涨，就继续持有，因为还有可能创新高，就继续持有，等调整。如果现在连续下跌，就是已经开始调整了，就出一部分，再跌到一定位置，再进。这是一位铁粉朋友的留言，谢谢这位铁粉华为公布2023年鸿蒙HarmonyOS3升级计划IT之家1月31日消息，2023年春节假期结束，各大手机厂商的系统升级适配工作也逐步恢复。华为今日公布了鸿蒙HarmonyOS3的最新升级进展，目前已升级74款设备，2023年升级手机围城销量达十年最低谷车企却要造手机图源东方IC手机市场就像一座围城，城外的人拼命想冲进来，城内的人拼命想冲出去。手机市场在2022年遭遇十年以来最冷的寒冬，华为小米等手机厂商在造车，而蔚来吉利等车企却在造手机，如无积木也能造显卡？英特尔Arc乐高显卡项目展示！最近的英特尔Arc显卡可谓是占据了显卡行业的风头，前有A770在用料上的厚道，后有频繁更新的驱动版本，让这张规格超高的英特尔旗舰显卡在游戏性能上不断提升，特别是在高分辨率游戏中的表总投资35。9亿新蒲新区第一季度重大工程项目集中开工来源人民网贵州频道新蒲新区2023年第一季度重大工程项目集中开工仪式举行。2月1日，遵义市新蒲新区2023年第一季度重大工程项目集中开工仪式在新蒲新区年产2万吨辣椒豆瓣酱新建项目现陵城两千余万元重奖企业发展功臣我们恒丰集团敢于转型升级走研发高端路线，与陵城区委区政府的大力支持是分不开的，2023年我们将充分发挥龙头企业作用，继续做大做强本部经济，力争实现营业收入10的增长目标。1月31日寒气蔓延，又一家CDMO企业裁员卖厂全球制药业压力持续扩散，裁员潮向CDMO蔓延。近日，据FiercePharma报道，英国CDMO公司Abzena已在圣地亚哥裁员66人，释放创新药上游2023年的第一波寒意。形势比扫黑剧狂飙曝出白酒洗钱，非法收入原来是这样洗白的！表现扫黑题材的电视剧狂飙正在热播。该剧热播的原因除紧张的剧情出色的表演外，还有一个重要原因揭露了一些以合法形式掩盖的非法行为，带来了很强烈的冲击力，让人惊呼以往看不懂的原来是这么回辉瑞成为全球首个年收入超千亿美元的制药企业（人民日报健康客户端记者石梦竹）据人民日报健康客户端1月31日不完全统计，最近一周时间内，已有辉瑞GE等多家跨国药企公布2022年业绩。辉瑞全年1003。3亿美元总营收创历史新高1加力提效2023年积极财政政策重点把握五方面央视网消息今年，我国积极财政政策的关键词是加力提效，这将重点体现在五个方面。据了解，今年积极财政政策重点把握税费政策支出强度支出结构等五个方面。针对税费政策，将综合考虑财政承受能力新华全媒海南自贸港加工增值超30免关税政策试点再突破视频加载中加工增值超30免关税政策作为海南自贸港一线放开二线管住进出口管理制度的重要内容，是海南自贸港最具含金量的政策之一，备受境内外投资者的关注。2022年12月2日，加工增值超