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
}