Vue插件之vue-jsonp

简介

---

axios不支持jsonp，所以需使用其他插件：vue-jsonp。vue-jsonp官网

使用JSONP主要是目的通过动态创建Script，动态拼接url，进而抓取数据，实现跨域。确切地说，AJAX请求由于同源影响，是不允许进行跨域请求的，而Script标签src属性中的链接却可以访问跨域的js脚本，利用这一特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的JS代码，在src属性中进行调用，实现跨域。

示例

---

• 前端代码

第一步：安装vue-resource模块，代码如下：

cnpm install vue-jsonp --save

第二步：在main.js中引入vue-resource并通过命令Vue.user()使用该插件

import VueJsonp from ‘vue-jsonp’

Vue.use(VueJsonp)

第三步:页面

<button @click=“getData()”>请求数据

• {{item}}