PHP - 如何实现跨域
admin
2023-06-23 02:01:28
0

因工作需要,客户端软件的一些界面用HTML+CSS+Javascript实现,这些文件放在客户端本地,以本地文件形式加载,但是有些情况下,需要连接服务器取得一些信息,如果不做任何处理,则请求失败,返回的信息如下:

 

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

 

这是因为浏览器跨域策略起作用,阻止了跨域的请求。看看HTTP请求过程就知道。第一次请求后端时候,浏览器意识到是访问一个跨与资源,没有直接发送GET请求获取数据,而是发送了一个OPTIONS请求询问是否可以访问该资源。我们称之为Preflight请求,默认因为同源策略的存在,该请求返回的Header中没有'Access-Control-Allow-Origin'属性,所以访问失败。

如果要实现跨域,关键在于服务器,客户端的代码按照正常的方式编写即可。对于服务器,只需要在收到OPTIONS请求的地方,返回的头信息中增加该属性即可,代码如下:

 

header("Access-Control-Allow-Origin: *");

 

注意,一定要在所有信息输出到客户端之前设置。

相关内容

热门资讯

前5个月地方债发行约4.8万亿 作者 | 第一财经 陈益刊在地方财政收支矛盾较大背景下,为了稳投资、防风险,地方政府靠前发行政府债券...
美军司令叫嚣:韩国是插向中国的... 驻韩美军司令布伦森用他狂妄的臭嘴描述“韩国就像一把指向中国的匕首”,引起轩然大波。布伦森本周二做客美...
凤凰晚报丨美国牡蛎养殖场,走出... 今日人物【美国牡蛎养殖场,走出一位特朗普“平替”】2026年5月,在美国缅因州波特兰举行的一场州民主...
胡锡进:记者暗访被打,我有这样... 一名女记者暗访助孕实验室遭粗暴对待,被拖拽骨折。警方已对这起故意伤害刑事立案调查。支持记协对该记者的...
福州一立体停车场闲置长草?当地... 澎湃新闻记者 王选辉在福建省福州市仓山区的金山文体中心旁,有一座立体停车库。近日有周边群众向澎湃新闻...
《微博AI内容生态报告》:金橙... 2026年5月28日,《微博AI内容生态报告》(以下简称“报告”)正式发布。本报告从微博平台视角出发...
把超级AI助理“戴”进日常 讯... (澳门,2026年5月28日)当下,人工智能正以全新软硬件形态重塑人机交互方式。5月28日,科大讯飞...
2026年演唱会拍清舞台手机推... 对于演唱会爱好者而言,最令人沮丧的莫过于花费重金抢到门票,却因为座位偏远,手机长焦无力,拍出的舞台画...
联通+联想携手 首款AI+eS... 2026年5月28日,中国联通与联想集团联合举办拯救者Y70新一代“AI+eSIM”游戏手机战略合作...
国家大基金领投DeepSeek... DeepSeek的模型迭代需要持续投入大规模训练算力,充足资金是支撑这一长周期投入的重要来源 文|《...