记录学习使用vue2.0请求qq音乐歌手数据

最新推荐文章于 2020-04-19 17:24:52 发布
最新推荐文章于 2020-04-19 17:24:52 发布
阅读量206 收藏
点赞数 1
文章标签： vue 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43932979/article/details/99893544
版权

学习记录请求qq音乐的数据，看了教学视屏，由于现在接口不太一样了，加上版本问题所以有些不同
成功得有些蒙蔽，先记录再研究一下，
QQ音乐网页版获取后台数据：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
主要是想请求到singerlist的数据，在这里插入图片描述
config.js配置如下：
在这里插入图片描述
vue最新版是在webpack.dev.conf.js中配置
在这里插入图片描述
singer.js配置如下：

最低0.47元/天 解锁文章
颓废青年lmb_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【WEB】vue2.0开发音乐播放器
WHUZXQ的博客
11-18 2725
1.安装模版vue init webpack vue-music注：vue脚手架可以帮我们初始化webpack的配置 初始化后目录如下： //所有开发是基于修改src的文件 api:用来放跟后端请求相关 common：通用的静态资源（fonts／image／js/stylus） components:通用组件 router:路由相关组件 store：vuex相关代码 App.vu
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
10-17
主要介绍了vue 音乐App QQ音乐搜索列表最新接口跨域设置方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue音乐项目歌手详情页小结
TyrionJ的博客
01-25 2738
技术栈 vue vuex vue-router（子路由） 需求分析1）歌手列表点击歌手会跳转到下级页面歌手详情页，歌手详情页由四个部分组成 歌手图片 返回按钮：点击返回歌手tab页 随机播放按钮 歌手歌曲滚动 2）歌曲栏向上滚动到顶部时，图片和播放按钮随之隐藏，保留歌手名和返回按钮3）歌曲栏向下拖动时，歌手图片的高度作出无缝增高新的组件singer-detail.vuemusic-list.v
VUE QQ音乐 歌手列表数据结构变更处理
weixin_34038652的博客
11-18 171
引入pinyingroupBy详见 import pinyin from 'pinyin' export function formatList(arr, keyword) { arr.forEach((item,index)=>{ item.nameFirstChat = pinyin(item[keyword], ...
QQ音乐爬虫之放弃的路
jiangerchi的博客
04-19 6205
QQ 音乐网页端爬虫之心酸历程。。
基于Vue移动音乐webapp跨域获取QQ音乐歌单接口
nanke_dw的博客
12-12 4404
最近看了一个vue移动音乐webapp教程，老师是一个来自滴滴公司的名为黄轶的前端大神，之前学习了他的一个基于vue仿饿了么webapp的初级教程，感觉非常好，十分适合新手，但是那个教程的数据都是前端模拟的一个data.json的json文件，这一次的教程的数据全都是来自QQ音乐的真实数据，需要请求它的接口，因为是线上的数据，所以许多接口需要进行跨域或者设置一些头部信息。 我的vue版本是2.
vue2.0 音乐播放器
05-10
Vue2.0音乐播放器项目是一个基于Vue.js框架构建的前端应用，主要功能是实现音乐的在线播放。这个项目的数据来源于知名的音乐平台——网易云音乐，通过调用其公开的API接口获取音乐信息，包括歌曲列表、歌曲详情、...
基于Vue2x全家桶制作的移动端音乐WebApp
08-10
5. **QQ音乐API**：项目的数据来源是QQ音乐的线上数据，这意味着开发者需要了解并遵循QQ音乐的API接口规范，获取和解析所需的音乐资源，包括歌曲、歌手、专辑等信息。 6. **移动端适配**：由于是移动端应用，开发者...
使用vue全家桶制作的音乐播放器
08-12
4. **QQ音乐API**：项目数据来源于QQ音乐的公开API，允许开发者获取音乐信息、播放链接等数据。开发者需要注册获得API key，并按照API文档规范进行请求，获取歌曲列表、歌词、歌手信息等。 5. **Webpack**：Webpack...
Vue仿制移动端QQ音乐（可预览）
张致豪
06-05 9018
ES6提供了class，但它还是没有类，它只是一个基于原型对象的语法糖（本质上还是通过原型对象来实现类，只不过写法变了） //定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ...
基于Vue2.0的音乐播放器——歌手模块（拿不到数据）
seasonwjf的博客
08-01 1511
来这里的都可能在看，慕课网vue2.0 的音乐播放器的相关页面，如果使用视频介绍的方法，相当于现在来说是获取数据回报如下的错误： {code: -500001, ts: 1529809544209} code : -500001 ts : 1529809544209  原因也简单：最新的vue2.0 webpack模板中没有dev-server.js文件，进行后台数据的模拟获取，只需要使用...
vuejs开发音乐播放器（一）：歌手页面
10-09 2619
1、首先看先要实现的功能和界面。2、具体有如下3个。（1）歌手列表：用vuejs中的使用QQ音乐接口，抓取列表，并用better-scroll实现滚动。首先我们去qq音乐官网抓包，使用ajax、jsonp获取接口数据。定义好请求参数和头部。获取到数据后，经过_normalizeSinger函数将Fsinger_mid将歌手名字按英文字母正序排序后输出到新的数组 （2）滚动时固定标题栏：通过sing
vue慕课网音乐项目手记：12-获取歌手数据并修改数据格式
simoon's的博客
05-15 601
首先：在api里面新建一个singer的接口，这里和歌曲列表差不多。代码如下import jsonp from 'common/js/jsonp' import {commonParams, options} from './config' export function getSingerList () { const url = 'https://c.y.qq.com/v8/fcg-bi...
vue慕课网音乐项目手记：7-全部歌曲的数据获取
simoon's的博客
05-14 1680
以下内容整理自《慕课网vue音乐app》这是一段坎坷的过程。首先对slider部分做两个优化：1、使用keepalive保存页面的缓存2、当页面切走的时候，组件会调用destroyed来销毁实例。所以在这个时候要清除定时器，这是一个好的变成习惯，利于内存的释放。现在正式抓取数据：通过上图能看到，qq音乐通过设置了refer和host来保护接口。那么怎么才能获取到数据呢？进入build==>w...
vue 项目获取QQ音乐歌单数据
weixin_30443075的博客
07-20 447
1. 前端请求（recommend.js）； import axios from 'axios' export function getDiscList() { const url = '/api/getDiscList' const data = Object.assign({}, commonParams, { platform: 'yqq', ...
qq音乐接口请求踩坑
github_39274378的博客
08-14 4337
1 通用参数设置 config.js export const commonParams={ g_tk:5381, inCharset:'utf-8', outCharset:'utf-8', notice:0, format:'jsonp' }; export const options={ param:'jsonpCallback' }; 2  直接通过js...
vue.js最新版获取QQ音乐播放源
sinat_26229211的博客
07-17 5518
最近在学习使用vue写一个播放器，一直获取不到正确的播放源，QQ对这块限制更加严格了.按照之前的写法，现在已经不能获取到播放源了. 首先,要去抓取QQ音乐的播放源 1.首先在QQ音乐任意播放页面 2.进入开发者模式按F12即可,选择network，按ctrl+R进行筛选多媒体文件,按照size倒序,最大的就是我们要找的音乐文件了 3.选择如下图的选项(open in new tab)即...
QQ音乐API整理
hhzzcc_的博客
12-15 9727
由于在网上看过很多音乐API都是一半可以用不是很全，有的API有经过改动，造成无法访问，今天来个大家总结一下QQ音乐的API，可能还不是很全，仅供参考，但亲测可用，数据获取方式用的都是jquery的jsonp形式获取数据，歌词除外: ## 歌曲信息搜索： var songName='青花瓷';//歌曲或者歌手名字 $.ajax({ url:"http://s.musi
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值