首页 > Web开发 > 详细

跨域 - jsonp轻松搞定跨域请求

时间:2018-08-23 15:21:06      阅读:152      评论:0      收藏:0      [点我收藏+]

1.jsonp轻松搞定跨域请求
vue中使用axios,遇到跨域我就蒙逼了。第一次真正意义上的尝试使用jsonp
js中用

var myscript = document.createElement(‘script‘);
myscript.src = ‘接口地址?callback=handleFun‘;  //callback一定要有,否则报错。

// 然后将这个script标签嵌入页面,
document.body.appendChild(myscript);

然后页面中,事先准备一段函数代码,这个函数正是jsonp定义的callback回调函数。

function handleFun(response){
   console.log(response);
 // 接下来根据业务需要,就像处理返回的接口数据一样处理response
}

 

jsonp优缺点:  

优点:没有跨域问题,没有接口请求问题。
缺点:
  1. 不安全,可能被恶意在script里边塞入攻击代码
  2. 不可控,没办法监听接口数据是否响应成功并返回。

 

 

其他跨域解决方法持续更新中...

2018-08-23  14:31:00

跨域 - jsonp轻松搞定跨域请求

原文:https://www.cnblogs.com/padding1015/p/9523573.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!