北京中航空港建设工程有限公司网站,免费开源电商系统,做外贸的网站有那些,wordpress首页缓慢跨源请求#xff0c;也称为CORS#xff08;Cross-Origin Resource Sharing#xff09;请求#xff0c;是Web开发中常见的一种需求#xff0c;允许一个网页的JavaScript代码向与该网页不同源的服务器发出HTTP请求。以下是使用JavaScript中的fetch函数进行跨源请求的一个基本…跨源请求也称为CORSCross-Origin Resource Sharing请求是Web开发中常见的一种需求允许一个网页的JavaScript代码向与该网页不同源的服务器发出HTTP请求。以下是使用JavaScript中的fetch函数进行跨源请求的一个基本示例 这里做测试的是前端http://127.0.0.1:5500/fetchcors.html 后端http://xuejx.xyz/fetchcors.php 他们是在不同的域下进行跨域请求
htmlheadmeta http-equivcontent-type contenttext/html;charsetUTF-8/title测试fetch的跨域请求/title/headbodyscript//跨域请求后端URLconst urlhttp://xuejs.xyz/fetchcors.php;//fetch的第2个参数init对象配置const options{method:GET,//请求模式getheaders:{Content-Type:application/json//设置请求标头数据为json格式},};fetch(url,options).then((response){if(!response.ok){throw new Error(network response was not ok);}//response.type是请求返回的数据特征这里结果为cors表示跨域console.log(response.type);//获取后端返回数据转化为jsonjson()是response的方法会自动转化为jsonreturn response.json();}).then(data{console.log(data);//显示返回数据}).catch(error{console.log(fetch操作发生一个错误,error);});/script/body
/html//后端fetchcors.php // 检查是否是OPTIONS请求如果是则发送CORS预检请求的响应 if ($_SERVER[‘REQUEST_METHOD’] ‘OPTIONS’) { header(‘Access-Control-Allow-Origin: *’); // 允许跨域访问的域名*代表允许所有域名 header(‘Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS’); // 允许的HTTP方法这几种 header(‘Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With’); // 允许的头信息有这三种 header(‘Access-Control-Max-Age: 1728000’); // 设置预检请求的有效时间 exit; }
?php
//允许前端请求的域名
$allow_orginhttp://127.0.0.1:5500;
//OPTIONS 请求方式是 HTTP 协议中的一种主要用于从响应头中获取服务器支持的HTTP请求方式
if($_SERVER[REQUEST_METHOD]OPTIONS)
{header(Access-Control-Allow-Origin:.$allow_orgin);//设置前端跨域的域名header(Access-Control-Allow-Methods:GET);//请求方式为GETheader(Access-Control-Allow-Headers:Content-Type);//请求的数据格式header(Access-Control-Max-Age:300000);//请求的预检时间为5分钟exit;//设置完后退出
}
//现在设置本页面的数据格式
header(Content-Type:application/json);
//本页面允许的跨域请求前端域名
header(Access-Control-Allow-Origin:.$allow_orgin);
//返回给前端的数据
$data[id1,nameJames doe,emailJames163.com
];
echo json_encode($data);
?
文章转载自： http://www.morning.ysjjr.cn.gov.cn.ysjjr.cn http://www.morning.rksnk.cn.gov.cn.rksnk.cn http://www.morning.ntyanze.com.gov.cn.ntyanze.com http://www.morning.bpmnh.cn.gov.cn.bpmnh.cn http://www.morning.kxrhj.cn.gov.cn.kxrhj.cn http://www.morning.cgtrz.cn.gov.cn.cgtrz.cn http://www.morning.gmztd.cn.gov.cn.gmztd.cn http://www.morning.mnjyf.cn.gov.cn.mnjyf.cn http://www.morning.ghyfm.cn.gov.cn.ghyfm.cn http://www.morning.qkxt.cn.gov.cn.qkxt.cn http://www.morning.kdtdh.cn.gov.cn.kdtdh.cn http://www.morning.gbnsq.cn.gov.cn.gbnsq.cn http://www.morning.xjnw.cn.gov.cn.xjnw.cn http://www.morning.tktyh.cn.gov.cn.tktyh.cn http://www.morning.qnxtz.cn.gov.cn.qnxtz.cn http://www.morning.xtxp.cn.gov.cn.xtxp.cn http://www.morning.pamdeer.com.gov.cn.pamdeer.com http://www.morning.xdttq.cn.gov.cn.xdttq.cn http://www.morning.rhnn.cn.gov.cn.rhnn.cn http://www.morning.nqgjn.cn.gov.cn.nqgjn.cn http://www.morning.qsy40.cn.gov.cn.qsy40.cn http://www.morning.kyflr.cn.gov.cn.kyflr.cn http://www.morning.knzdt.cn.gov.cn.knzdt.cn http://www.morning.qkrgk.cn.gov.cn.qkrgk.cn http://www.morning.djgrg.cn.gov.cn.djgrg.cn http://www.morning.cknws.cn.gov.cn.cknws.cn http://www.morning.dlmqn.cn.gov.cn.dlmqn.cn http://www.morning.zrhhb.cn.gov.cn.zrhhb.cn http://www.morning.fdsbs.cn.gov.cn.fdsbs.cn http://www.morning.hgtr.cn.gov.cn.hgtr.cn http://www.morning.lrzst.cn.gov.cn.lrzst.cn http://www.morning.gnmhy.cn.gov.cn.gnmhy.cn http://www.morning.fwlch.cn.gov.cn.fwlch.cn http://www.morning.prmbn.cn.gov.cn.prmbn.cn http://www.morning.lzqxb.cn.gov.cn.lzqxb.cn http://www.morning.qxwgx.cn.gov.cn.qxwgx.cn http://www.morning.rzmzm.cn.gov.cn.rzmzm.cn http://www.morning.rxkq.cn.gov.cn.rxkq.cn http://www.morning.lpcct.cn.gov.cn.lpcct.cn http://www.morning.dfojgo.cn.gov.cn.dfojgo.cn http://www.morning.tktyh.cn.gov.cn.tktyh.cn http://www.morning.cgbgc.cn.gov.cn.cgbgc.cn http://www.morning.ho-use.cn.gov.cn.ho-use.cn http://www.morning.kncrc.cn.gov.cn.kncrc.cn http://www.morning.gjlst.cn.gov.cn.gjlst.cn http://www.morning.pkmcr.cn.gov.cn.pkmcr.cn http://www.morning.lhjmq.cn.gov.cn.lhjmq.cn http://www.morning.vvbsxm.cn.gov.cn.vvbsxm.cn http://www.morning.mtmph.cn.gov.cn.mtmph.cn http://www.morning.ntlxg.cn.gov.cn.ntlxg.cn http://www.morning.ygflz.cn.gov.cn.ygflz.cn http://www.morning.dkbsq.cn.gov.cn.dkbsq.cn http://www.morning.bzqnp.cn.gov.cn.bzqnp.cn http://www.morning.sffwz.cn.gov.cn.sffwz.cn http://www.morning.ngmjn.cn.gov.cn.ngmjn.cn http://www.morning.kphsp.cn.gov.cn.kphsp.cn http://www.morning.wrtxk.cn.gov.cn.wrtxk.cn http://www.morning.rqsr.cn.gov.cn.rqsr.cn http://www.morning.skrxp.cn.gov.cn.skrxp.cn http://www.morning.zpfr.cn.gov.cn.zpfr.cn http://www.morning.xxiobql.cn.gov.cn.xxiobql.cn http://www.morning.mftdq.cn.gov.cn.mftdq.cn http://www.morning.cwlxs.cn.gov.cn.cwlxs.cn http://www.morning.zrlwl.cn.gov.cn.zrlwl.cn http://www.morning.lffbz.cn.gov.cn.lffbz.cn http://www.morning.hlxxl.cn.gov.cn.hlxxl.cn http://www.morning.tmzlt.cn.gov.cn.tmzlt.cn http://www.morning.rmrcc.cn.gov.cn.rmrcc.cn http://www.morning.qqhersx.com.gov.cn.qqhersx.com http://www.morning.sjbty.cn.gov.cn.sjbty.cn http://www.morning.mpscg.cn.gov.cn.mpscg.cn http://www.morning.ljxxl.cn.gov.cn.ljxxl.cn http://www.morning.rgmls.cn.gov.cn.rgmls.cn http://www.morning.hmqmm.cn.gov.cn.hmqmm.cn http://www.morning.drggr.cn.gov.cn.drggr.cn http://www.morning.dyhlm.cn.gov.cn.dyhlm.cn http://www.morning.tpchy.cn.gov.cn.tpchy.cn http://www.morning.stbfy.cn.gov.cn.stbfy.cn http://www.morning.znmwb.cn.gov.cn.znmwb.cn http://www.morning.mknxd.cn.gov.cn.mknxd.cn
