vue webapp之music（六）利用axios与后端接口代理请求歌单推荐数据

1.慕课网视屏是很早之前录制的，所以与现在build目录有所不同。

以下是自己总结的

在webpack.dev.conf.js搭建服务器

const express = require('express')
const app = express()
const 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)})})},

2.安装axios

cnpm install axios --save

3.修改前端的请求方式为ajax并且导入axios

vue webapp之music（六）利用axios与后端接口代理请求歌单推荐数据相关推荐

vue 移动端音乐(3) amp;amp;gt;热门歌单推荐部分（webpack-dev-conf.js做后端接口代理+scroll插件）
1. 首先,获取歌单推荐部分的数据,与获取推荐数据不同,热门歌单数据的接口有host和referer的显示,我们的api请求被拒绝(500错误),必须要修改header,但是前端不能直接修改reque ...
前端学习（1866）vue之电商管理系统电商系统之登录退出实现表单的数据验证
修改头像位置 3目录结构 router.js import Vue from 'vue' import Router from 'vue-router' import Login from './co ...
vue项目配置nginx页面跳转正常，接口报200，但是没数据（很抱歉，如果没有启用JavaScript，XXX无法正常工作）
一.描述下问题:nginx代理跳转页面都可以进去,接口返回报200,但是就是没数据,response返回(We're sorry but XXX doesn't work properly witho ...
利用python爬取网易云心爱歌单
一 cookie是什么东西? 小饼干?糖果?能吃吗? 简单来说就是你第一次用账号密码访问服务器服务器在你本机硬盘上设置一个身份识别的会员卡(cookie) 下次再去访问的时候只要亮一下你的卡片(co ...
python 接入百度地图数据包下载_Python爬虫-利用百度地图API接口爬取数据并保存至MySQL数据库...
首先,我这里有一份相关城市以及该城市的公园数量的txt文件: 分析-02.png 其次,利用百度地图API提供的接口爬取城市公园的相关信息. 所利用的API接口有两个: 1.http://api.ma ...
【Vue入门实践3】不调后端接口==＞el-table单纯前端实现查询和重置功能==＞【el-table组件使用】表格静态前端筛选、查询重置功能
一个人的心理健康程度与接纳痛苦的程度成正比.------感谢自己的不完美目录一.功能效果描述二.el-table自带筛选功能三.前端假查询重置功能 1. el-form表单 2.el-tabl ...
EMNLP 2019 | 大规模利用单语数据提升神经机器翻译
BDTC大会官网:https://t.csdnimg.cn/q4TY 作者 | 吴郦军.夏应策来源 | 微软研究院AI头条(ID:MSRAsia) 编者按:目前,目标语言端的无标注单语数据已被广泛应 ...
vue中根据后端接口数据控制按钮的显示与隐藏（手动添加响应式this.$set()）
项目涉及到的问题,按钮需要根据后端返回的参数情况,实现按钮的显示与隐藏. 效果如图: 1.查看后端接口 get请求,需要传businessId和compoCode两个参数,返回的data有数据就显示按 ...
【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域
[vue开发问题-解决方法](八)利用axios拦截器实现elementUI中加载动画,控制加载区域参考文章: (1)[vue开发问题-解决方法](八)利用axios拦截器实现elementUI中加 ...

vue webapp之music（六）利用axios与后端接口代理请求歌单推荐数据

vue webapp之music（六）利用axios与后端接口代理请求歌单推荐数据相关推荐

最新文章

热门文章