1.  前端请求(recommend.js);

import axios from 'axios'export function getDiscList() {const url = '/api/getDiscList'const data = Object.assign({}, commonParams, {platform: 'yqq',hostUin: 0,sin: 0,ein: 29,sortId: 5,needNewCode: 0,categoryId: 10000000,rnd: Math.random(),format: 'json'})return axios.get(url, {params: data}).then((res) => {return Promise.resolve(res.data)})
}

2.  手动代理请求(webpack.dev.conf.js);

var express = require('express')
var axios = require('axios')
var app = express()
var apiRoutes = express.Router()
app.use('./api',apiRoutes)//在devServer 中添加下面代码before (app) {app.get('/api/getDiscList', function (req, res) {var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg'axios.get(url, {headers: {referer: 'https://c.y.qq.com/',host: 'c.y.qq.com'},params: req.query}).then((response) => {res.json(response.data)}).catch((e) => {console.log(e)})})}

3.  组建中使用(recommend.vue)

import {getDescList} from 'api/recommend'
import {ERR_OK} from 'api/config'export default {created() {this._getDiscList()},methods: {_getDiscList() {getDiscList().then((res) => {if (res.code === ERR_OK) {this.discList = res.data.listconsole.log(res.data.list)}})},
}

转载于:https://www.cnblogs.com/jy13638593346/p/9342520.html

vue 项目获取QQ音乐歌单数据相关推荐

  1. 基于Vue移动音乐webapp跨域获取QQ音乐歌单接口

    最近看了一个vue移动音乐webapp教程,老师是一个来自滴滴公司的名为黄轶的前端大神,之前学习了他的一个基于vue仿饿了么webapp的初级教程,感觉非常好,十分适合新手,但是那个教程的数据都是前端 ...

  2. 转:基于Vue移动音乐web app跨域获取QQ音乐歌单接口教程

    最近看了一个vue移动音乐webapp教程,老师是一个来自滴滴公司的名为黄轶的前端大神,之前学习了他的一个基于vue仿饿了么webapp的初级教程,感觉非常好,十分适合新手,但是那个教程的数据都是前端 ...

  3. vue-music 跨域获取QQ音乐歌单接口

    最近在看vue音乐APP视频学习,需要跨域获取歌单数据,视频中老师是在build/dev-server.js文件配置跨域接口的,但是新版的vue-cli是没有这个文件的,我的vue版本是"2 ...

  4. 教你如何用Python抓取QQ音乐歌单及分析

    学了python也有一段时间了,对于爬虫,后端的框架也有一些了解,但是都是在学习的时候跟着别人写的,感觉都不是自己的知识一样.我去年就给网易云音乐提了一个建议,就是通过播放量或者一个受欢迎程度来排序, ...

  5. Python抓取QQ音乐歌单并分析

    学了python也有一段时间了,对于爬虫,后端的框架也有一些了解,但是都是在学习的时候跟着别人写的,感觉都不是自己的知识一样.我去年就给网易云音乐提了一个建议,就是通过播放量或者一个受欢迎程度来排序, ...

  6. python爬虫基础Ⅱ——Ajax数据爬取、带参请求:QQ音乐歌单、QQ音乐评论

    文章目录 基础爬虫部分Ⅱ Ajax技术 json 1. Network 2. XHR怎么请求? 3. 什么是json? 4. json数据如何解析? 带参数请求 1. 复习 2. params 3. ...

  7. python爬取音乐并保存的格式_python爬取QQ音乐歌单歌曲保存到本地,json解析

    序:python强大的功能,可以爬取网上的某些信息,本次主要是通过爬歌单信息熟悉下python基础. 用到知识点: 1.python3.urllib.request.openurl 2.json (j ...

  8. python爬取音乐并保存_python爬取QQ音乐歌单歌曲保存到本地,json解析

    序:python强大的功能,可以爬取网上的某些信息,本次主要是通过爬歌单信息熟悉下python基础. 用到知识点: 1.python3.urllib.request.openurl 2.json (j ...

  9. 通过api获取网易云音乐歌单数据

    接口地址:https://api.liguangchun.cn/v7/music/netEase 请求方式:GET 请求参数:url(需编码后的分享地址/网址) 请求示例:https://api.li ...

最新文章

  1. Datawhale组队学习:数据结构与算法课程任务
  2. HTML中单选框的设置,和提交按钮之间的组合
  3. mipi LCD 的CLK时钟频率与显示分辨率及帧率的关系
  4. 聚合类新闻client初体验
  5. 学习笔记Hadoop(十二)—— Hadoop基础操作(4)—— YARN资源管理与调度策略
  6. 各省市数据中心机房工程新建项目汇总(2021年)
  7. 科大星云诗社动态20210224
  8. 5.Qt自定义Button按钮的实现
  9. c语言解析分隔符文本,c – 使用分隔符读取文件
  10. 面试题55 - I. 二叉树的深度
  11. 2012 php mysql_Apache+Mysql+PHP(win sercer2012)
  12. shiro服务器取不到用户信息,SpringMvc+Shiro有时候shiro取不到用户名
  13. java day55【 Mybatis 连接池与事务深入 、 Mybatis 的动态 SQL 语句、 Mybatis 多表查询之一对多 、 Mybatis 多表查询之多对多】...
  14. 华南理工大学基地二轮作品制作——蓝牙电子时钟
  15. 0x8007000e错误
  16. mysql salve从库设置read only 属性
  17. qpython3l最新版下载_qpython3l
  18. 什么因素影响阿里云国际版云服务器延迟?
  19. Caused by: io.netty.resolver.dns.DnsNameResolverTimeoutException: [/192.168.1.1:53] query via UDP ti
  20. 【怎么辨别一个公司是不是外包?】

热门文章

  1. Spring的AspectJ包的下载及下载缓慢的解决方法
  2. java perfrences_Enterprise Resource Planning (ERP) | Oracle France
  3. html5div拖拽插件,jquery+html5多文件拖放上传插件jquery.filer
  4. Mybatis Plugin 以及Druid Filer 改写SQL
  5. anistropic filer
  6. python画抛物线_python画抛物线
  7. QEMU(3) 参数解析
  8. 常用的人脸检测识别等数据集百度云下载
  9. moveit双臂机器人程序
  10. xcode mac app_IOS苹果APP签名详解