1.jsonp简介:
由于ajax受同源策略影响,不允许跨域请求。实际开发中我们可能遇到跨域问题。我们简单介绍一下其中一种——jsonp,即json+padding,动态创建script标签,利用script标签的src属性可以获取任何域下的js脚本,通过这个特性(也可以说漏洞),服务器端不在返货json格式,而是返回一段调用某个函数的js代码,在src中进行了调用,这样实现了跨域。
简单来讲其实就是一个函数回调的概念。在所处的页面逻辑里写好一个函数,函数名与远程的js文件中的函数名一致。通过script的src属性访问远程js,并调用该函数,同时将需要的数据作为参数传过来,于是实现了跨域。丢,也不知道说明白没有。这里有一篇很好的文章可以看看。
2.在vue中的使用:
偶然看到大佬在项目中使用jsonp完成了一个小需求,略感兴趣,抽空看了看,大概是这么玩的。
2.添加到main.js中;
1.执行命令:npm install vue-jsonp --save;
3.使用时: