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

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