admin 管理员组

文章数量: 1184232

QQ音乐api文档地址：
封装好后的api文件地址:需要引入请求封装文件…/ajax.js

向将axios请求封装 

npminstall axios -s

封装的请求函数文件，通过传入type=GET/POST/PUT/DELETE分别发送
axios.get(url)和
axios.post(url,data) 

/*
ajax请求函数模块
返回值: promise对象(异步返回的数据是: response.data)
其它请求使用axios.post请求数据，比如type='PUT'
 */import axios from'axios'exportdefaultfunctionajax(url, data={}, type='GET'){returnnewPromise(function(resolve, reject){// 执行异步ajax请求let promise;if(type ==='GET'){// 准备url query参数数据let dataStr ='';//数据拼接字符串
      Object.keys(data).forEach(key =>{
        dataStr += key +'='+ data[key]+'&'});if(dataStr !==''){
        dataStr = dataStr.substring(0, dataStr.lastIndexOf('&'));
        url = url +'?'+ dataStr
      }// 发送get请求
      promise = axios.get(url)}else{// 发送post请求
      promise = axios.post(url, data)}
    promise.then(function(response){// 成功了调用resolve()resolve(response.data)}).catch(function(error){//失败了调用reject()reject(error)})})}

调用的例子
例如邮箱登录的封装函数 

const apiUrl=';//网易云音乐服务器地址，服务器搭建访问前面文档地址：import ajax from'../../ajax';//导入封装的axios/**
 * 播放链接
 * @param id    歌曲的 songmid，必填，多个用逗号分割，该接口可用 post 或 get
 * 并不是所有的音乐都能获取到播放链接，如果是未登陆或非 vip 用户的 cookie，
 * 只能获取到非 vip 用户可听的歌曲， 其他像一些必须要购买数字专辑才能收听的歌曲，
 * 如果未购买也是无法获取的，无法获取到的播放链接则不会在返回的对象中出现，
 * 这点需要大家自己做好兼容，我这里服务器会默认使用自己会员的 cookie，如果需要使用自己的 cookie，请参考上面文档
 * @returns {Promise | Promise<unknown>}
 */exportconstreqSongUrls=(id)=>ajax(`${apiUrl}/song/urls/`,{id});
import{reqSongUrls}from"@/api/music/qq/qqmusicApi";//导入函数//调用邮箱登录函数asynctest(){const result =awaitreqSongUrls('0039MnYb0qxYhV,004Z8Ihr0JIu5s');
	console.log(result);//获得到的数据result}

本文标签： 系统 编程 请求

版权声明：本文标题：QQ音乐API的实用技巧：从封装到调用的全流程 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1773084071a3559071.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。