码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-07-20 17:32:13      阅读:560      评论:0      收藏:0      [点我收藏+]

标签:tde   手动   使用   header   import   exp   http   eth   express   

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音乐歌单数据

标签:tde   手动   使用   header   import   exp   http   eth   express   

原文地址:https://www.cnblogs.com/jy13638593346/p/9342520.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!