新的vue项目-qq音乐网页版

本文介绍了一个基于Vue的新项目——QQ音乐网页版的开发过程。利用公开的QQ音乐API,实现了推荐歌单、排行榜、随机推荐、推荐音乐等功能。同时,针对跨域问题,通过jsonp和node.js+express+express-http-proxy进行代理解决。此外,还利用transition和计算属性实现了轮播图的幻灯效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

找到了很多开放的api, 打算实现部分的网页版qq音乐。

API集合

推荐歌单

https://c.y.qq.com/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg

排行榜

https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_opt.fcg?page=index&format=html&tpl=macv4&v8debug=1

随机推荐

https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8¬ice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=36&_=1520777874472

推荐音乐

https://c.y.qq.com/v8/fcg-bin/fcg_v8_toplist_cp.fcg?g_tk=5381&uin=0&format=json&inCharset=utf-8&outCharset=utf-8&notice=0&platform=h5&needNewCode=1&tpl=3&page=detail&type=top&topid=36&_=1520777874472%27

搜索歌曲链接

https://y.qq.com/n/yqq/song/${song.songid}_num.html#stat=y_new.index.toplist.songname

跨域问题

  1. jsonp
  2. node.js+express+express-http-proxy进行代理
    最后选择这个一个方案吗,感觉这个好用很多,mark一下自己对其中一个api的代理代码
//server.js
const  express 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值