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

Posted 2020-12-31 xing.org1^

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