js封装QQ音乐api

QQ音乐api文档地址：QQ音乐api文档
封装好后的api文件地址:须要引入请求封装文件…/ajax.js
https://github.com/1015770492/yumbo-vue/blob/master/src/api/music/qq/qqmusicApi.js

向将axios请求封装

npm install 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'
export default function ajax (url, data={}, type='GET') {

  return new Promise(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='http://www.huashengshu.top:3000';//网易云音乐服务器地址，服务器搭建访问前面文档地址：https://binaryify.github.io/NeteaseCloudMusicApi/#/?id=安装
import ajax from '../../ajax';    //导入封装的axios
/** * 播放连接 * @param id 歌曲的 songmid，必填，多个用逗号分割，该接口可用 post 或 get * 并非全部的音乐都能获取到播放连接，若是是未登录或非 vip 用户的 cookie， * 只能获取到非 vip 用户可听的歌曲， 其余像一些必需要购买数字专辑才能收听的歌曲， * 若是未购买也是没法获取的，没法获取到的播放连接则不会在返回的对象中出现， * 这点须要你们本身作好兼容，我这里服务器会默认使用本身会员的 cookie，若是须要使用本身的 cookie，请参考上面文档 * @returns {Promise | Promise<unknown>} */
export const reqSongUrls = (id)=>ajax(`${apiUrl}/song/urls/`,{id});

import {reqSongUrls} from "@/api/music/qq/qqmusicApi";//导入函数
//调用邮箱登陆函数
async test() {
	const result = await reqSongUrls('0039MnYb0qxYhV,004Z8Ihr0JIu5s');
	console.log(result);//得到到的数据result
}