7 vue音乐项目(某课) 首页歌曲的数据获取

78 阅读1分钟

首先对slider部分做两个优化:

1、使用keepalive保存页面的缓存

image.png

2、当页面切走的时候,组件会调用destroyed来销毁实例。所以在这个时候要清除定时器,这是一个好的变成习惯,利于内存的释放。

image.png 现在正式抓取数据:

image.png

通过上图能看到,qq音乐通过设置了refer和host来保护接口。

那么怎么才能获取到数据呢?

进入build==>webpack.dev.conf.js

image.png

image.png

image.png

Promise.resolve(value)方法返回一个以给定值解析后的Promise对象。但如果这个值是个thenable(即带有then方法),返回的promise会“跟随”这个thenable的对象,采用它的最终状态(指resolved/rejected/pending/settled);如果传入的value本身就是promise对象,则该对象作为Promise.resolve方法的返回值返回;否则以该值为成功状态返回promise对象。

image.png