如何处理跨域请求?

跨域请求是指浏览器不能直接向不同域名的服务器发起请求。解决跨域问题的方法有以下几种:https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024

JSONP(JSON with Padding):利用script标签的src属性可以加载任意域名下的js文件的特性,通过在URL中传递callback函数名,让服务端返回指定格式的数据,前端通过调用指定的callback函数来获取数据。

CORS(Cross-Origin Resource Sharing):跨域资源共享,是W3C标准,需要服务端在响应头中设置Access-Control-Allow-Origin字段来允许前端跨域访问。

代理:通过后台中转请求,将服务端的数据请求发送到同一域名下的后台进行处理并返回结果给前端。

WebSocket:在建立WebSocket连接时不会执行同源检测,因此可以使用WebSocket进行跨域通信。

发布JSON数据文件,JSONP或者JavaScript加载到页面里。但这种方式并不友好,容易暴露数据。

设置Access-Control-Allow-Origin允许跨域,此方法支持IE8+、Chrome、Firefox等现代浏览器,或者使用XMLHttpRequest Level 2对象里面提供的withCredentials属性的值为true。

在同一根域名下,但是不同二级域名之间进行跨越AJAX请求, 可以通过设置document.domain来解决。
全部评论

相关推荐

09-09 06:44
已编辑
浙江大学 深度学习
投递华为技术有限公司等公司10个岗位
点赞 评论 收藏
分享
程序员牛肉:1.大头肯定是院校问题,这个没啥说的。 2.虽然有实习,但是实习的内容太水了,在公司待了七个月的时间,看起来就只做了jwt和接入redis。爬取新闻,数据导入。这几个需求值得你做七个月吗?这不就是三四个月的工作量吗?我要是面试官的话真心会认为你能力不太行。所以既然有实习了,一定要好好写,像是Swagger这种东西是真没必要写上去,就拉一个包的事情。 3.我个人觉得话,在校生不要把自己当社招看,除非你的项目是特别牛逼,特别有名的含金量,否则不要写这种密密麻麻的一串子工作职责。你的项目只有一个作用,就是供面试官从中来抽取八股对你进行拷打。 但是你现在这个看不来什么技术点,可以改一下,详细表述一下你用什么技术实现了什么功能,在实现这个功能的过程中,你解决了什么难题。
点赞 评论 收藏
分享
评论
2
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务