vue中jsonp的使用

1.jsonp简介：

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

2.在vue中的使用：

偶然看到大佬在项目中使用jsonp完成了一个小需求，略感兴趣，抽空看了看，大概是这么玩的。
1.执行命令：npm install vue-jsonp --save；

2.添加到main.js中；

引入jsonp

3.使用时：

实际使用