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