沐风の秘密基地
青春とは、七つの自分に会えること。
沐风の秘密基地

JS中请求解决跨域最简单便捷的方法

什么是跨域?

官方一点的说,跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。浏览器从一个域名的网页去请求另一个域名的资源时,出现域名、端口、协议任一不同,都属于跨域。

一般对于跨域解决办法有:jsonp,nginx反向代理,后端允许跨域等

我推荐的解决办法:使用请求接口

项目地址:https://bird.ioliu.cn/

它有什么优点?

  • 速度快,全站使用了HTTPS,数据安全。
  • 让不支持跨域的远程数据接口支持跨域。
  • 让不支持JSONP的远程数据接口支持JSONP(添加参数&callback=cb_name)。
  • 提供专业的HTTPS解决方案,让数据传输更安全(同时解决远程数据接口不支持HTTPS的问题)。
  • 多种数据请求方式与返回格式。
  • 自定义请求头

如何使用?

现有V1与V2两种版本,V2支持了请求头,推荐使用V2。
接口地址:https://bird.ioliu.cn/v2
请求参数:

名称类型必须说明
urlstring需要请求的目标接口
callbackstring需要用到jsonp时加此参数(POST方式请求时jsonp无效)
headersjson需要用到headers是加此参数

请求方式似乎只支持GET与POST,不过应该够了,总的来说这个数据代理接口还是很不错的,我也在我的项目了用到了!

记得将url参数进行URL编码哦!

赞赏

Mufeng

文章作者

发表评论

textsms
account_circle
email

沐风の秘密基地

JS中请求解决跨域最简单便捷的方法
什么是跨域? 官方一点的说,跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。浏览器从一个域名的网页去请求另一个域名的…
扫描二维码继续阅读
2021-02-18