失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 请求跨域解决方法CORS

请求跨域解决方法CORS

时间:2019-10-19 06:50:45

相关推荐

请求跨域解决方法CORS

web前端|js教程

CORS,方法,解决

web前端-js教程

源码教育,ubuntu 合盖不待机,tomcat启动时退出,爬虫开会员,php 部署 工具,襄阳房地产seo推广公司排名lzw

这次给大家带来请求跨域解决方法CORS,请求跨域解决方法CORS的注意事项有哪些,下面就是实战案例,一起来看一下。

互联网站源码,vscode有手机版汉化,ubuntu 开启ssh,iis 代理tomcat,yii sqlite,网页设计尺寸1440,php 读取数据库输出,国外服务器 备案,wp支付宝免签插件,前端hi框架,原地爬虫,cas php,株洲seo排名,springboot租房失败,phpwind 模板标签,网站后台添加不了图片,网页设计源码下载,discuz 发帖模板,zencart后台管理,js 定位页面底部,开源 仓库管理系统,建站小说采集程序上传教程lzw

CORS全称Cross-Origin Resource Sharing,是HTML5规范定义的如何跨域访问资源。

学生成绩查询系统源码asp,ubuntu不能nat联网,同时安装两个tomcat,qq头像爬虫,php建站系统好不好,泉州seo托管lzw

Origin表示本域,也就是浏览器当前页面的域。当JavaScript向外域(如)发起请求后,浏览器收到响应后,首先检查Access-Control-Allow-Origin是否包含本域,如果是,则此次跨域请求成功,如果不是,则请求失败,JavaScript将无法获取到响应的任何数据。

简单请求包括GET、HEAD和POST(POST的Content-Type类型 仅限application/x-www-form-urlencodedmultipart/form-datatext/plain),并且不能出现任何自定义头(例如,X-Custom: 12345

对于PUT、DELETE以及其他类型如application/json的POST请求,在发送AJAX请求之前,浏览器会先发送一个OPTIONS请求(称为preflighted请求)到这个URL上,询问目标服务器是否接受:

浏览器确认服务器响应的Access-Control-Allow-Methods头确实包含将要发送的AJAX请求的Method,才会继续发送AJAX,否则,抛出一个错误

//express后端配置:app.all(*, function(req, res, next) { res.header("Access-Control-Allow-Credentials","true"); //服务端允许携带cookie res.header("Access-Control-Allow-Origin", req.headers.origin); //允许的访问域 res.header("Access-Control-Allow-Headers", "X-Requested-With"); //访问头 res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS"); //访问方法 res.header("X-Powered-By", 3.2.1); res.header("Content-Type", "application/json;charset=utf-8"); if (req.method == OPTIONS) { res.header("Access-Control-Max-Age", 86400); res.sendStatus(204); //让options请求快速返回. } else { next(); }});

如果觉得《请求跨域解决方法CORS》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。