vue开发中获取后台的数据有很多的方法, 这里我自己总结一下学习的东西,就是关于jsonp的调用,目前还没有时间去了解它的原理,jsonp是支持npm安装的,所以首先安装一下jsonp:
cnpm install jsonp --save
目前ES6当中的promise比较流行,所以这里我也跟视频里的一样采用它,一来可以熟悉它的语法,二来以后扩充会比较方便。
first:因为它比较通用,所以我们给他新建一个js文件。我们可以封装一个函数
在vue文件夹下创建一个jsonp.js专门用于处理数据的,其实就是将引入的jsonp进行封装
import originalJSONP from 'jsonp'
export default function jsonp (url, data, option) {
url += (url.indexOf('?')<0? '?':'&') + param(data)
return new promise((resolve, reject) => {
originalJSONP(url, option, (err, data) => {
if (!err) {
resolve(data)
}else{
reject(err)
}
})
})
}
function param(data) {
let url = ''
for (var k