vue 项目获取QQ音乐歌单数据

Posted jy13638593346

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 项目获取QQ音乐歌单数据相关的知识,希望对你有一定的参考价值。

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.list
          console.log(res.data.list)
        }
      })
    },
}

 

以上是关于vue 项目获取QQ音乐歌单数据的主要内容,如果未能解决你的问题,请参考以下文章

Python获取QQ音乐某个歌手的歌单。

调皮的QQ音乐API:修复无法获取歌单

推荐一个SpringBoot + Vue + MyBatis 音乐网站项目

推荐一个SpringBoot + Vue + MyBatis 音乐网站项目

推荐一个SpringBoot + Vue + MyBatis 音乐网站项目

推荐一个SpringBoot + Vue + MyBatis 音乐网站项目