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
}