时间:2021-05-26
前言: 部分qq音乐的api接口不能直接通过jsonp访问,需要通过官方的代理才能获取,如:歌词,推荐歌单等
1. 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' // 原api 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) }) }) }2. api的js文件中,将url换成步骤1中自定义的接口,通过axios获取返回数据
import jsonp from 'common/js/jsonp'import {commonParams, options} from './config'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) })}3. 组件中通过api的js文件中的方法获取数据
import {getDiscList} from 'api/recommend' _getDiscList() { getDiscList().then((res) => { if (res.code === ERR_OK) { console.log('推荐:', res) this.discList = res.data.list } else { console.log('没,没有推荐') } })}以上这篇vue2.x 通过后端接口代理,获取qq音乐api的数据示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
需求:通过后端接口下载excel文件,后端没有文件地址,返回二进制流文件实现:axios(ajax类似)主要代码:axios:设置返回数据格式为blob或者ar
一、背景先简单介绍一下现在项目情况:前后端分离,后端服务是Java写的,前端是Vue+ElementUI。最近的一个需求是:通过后端Api去获取前端路由表,原因
VUE2.X过滤器的使用方法有几种,今天讲一种,以cnode社区API为示例,转换tab类型为中文汉字。首先我们在assets文件夹中新建个js的文件夹,并新建
前段时间做了个学校的春萌项目,其中用到vue连接后端java接口。先上后端接口代码:packagecontroller;importnet.sf.json.JS
本文实例为大家分享了vue实现手机端省市区区域选择的具体代码,供大家参考,具体内容如下1后端接口获取城市信息2先获取省根据用户点击的省获取市3再根据用户点击的市