1、安装jsonp
npm install jsonp
2、创建jsonp.js文件，内容如下：
{
// 原始jsonp的三个参数，url、option、回调函数
originJSONP(url,option,(err,data) => {
// 类似node的设计，如果err是null，表示成功，data是后端返回的数据
if (!err) {
resolve(data)
} else {
reject(err)
}
})
})
}
export function param (data) {
let url = ''
for (var k in data) {
let value = data[k] !== undefined ? data[k] : ''
url += '&' + k + '=' + encodeURIComponent(value)
}
return url ? url.substring(1) : ''
}
3、创建confiig.js文件，内容如下：
3、创建recommend.js文件，内容如下：
4、在组件中使用,如musicHall.vue中
import {getRecommend} from '../api/recommend.js'
import {ERR_OK} from '../api/config.js'
export default {
mounted () {
//在created中也可
this._getRecommend()
},methods: {
_getRecommend () {
getRecommend().then((res) => {
if (res.code === ERR_OK) {
console.log(res.data.slider)
}
})
}
}
}
5、总结
- Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）
- Object.assign(target,source1,source2)
- encodeURIComponent(URIstring)函数可把字符串作为 URI 组件进行编码。 URIstring 必需。一个字符串，含有 URI 组件或其他要编码的文本。
- substring()方法用于提取字符串中介于两个指定下标之间的字符。
- stringObject.substring(start,stop)包括 start 处的字符，但不包括 stop 处的字符。不接受负的参数。
总结
以上所述是小编给大家介绍的vue使用jsonp抓取qq音乐数据的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/vue/31833.html