本文共 801 字，大约阅读时间需要 2 分钟。

你们知道的，nodejs对jser来说，是个好东西，快快的，自从接触nodejs后，总想弄点东西。

这弄个啥了，一天打开百度音乐盒，哟，自己弄一个如何了，好啊好啊。

 

后台： nodejs 7 + koa 2 

这就没什么了，其实，只需要一个中转，转发查询百度音乐的接口。

关于百度音乐的接口，抓包获取百度歌曲api：

 

前台：vue + vuex + vue-router

vue就不提了，现在比较火，最开始写了一个版本，是不带vuex，发现数据传递，子父，父子两个层级还好，多了，还真是麻烦，

后来重写了一个版本，引入了vuex + vue-router。

 

github地址：https://github.com/xiangwenhu/MPlaer

然后因为不想babel转换，所以chrome 55以上的版本才可以，而且需要开启实验特性，具体如下

依赖百度API, 手机上暂不能自动播放

chrome 版本55以上，chrome需要开启javascript相关试验性特性 打开步骤，1）：打开chrome 2)：输入 chrome://flags/ 3)：ctrl +F 搜索javascript 4):找到 实验性 JavaScript Mac, Windows, Linux, Chrome OS, Android，点击启用，5）：重启浏览器 

下载后 npm install 

npm run build node --harmony server/app.js 

输入  http://localhost:3000/ 为 非vuex版本

输入 http://localhost:3000/index 为 vuex版本 

 

懒了，暂为止

，奉上截图，

哦，忘了，css比较差，大量引用百度的，见谅

在线演示：http://babydairy2017.cloudapp.net:3000/index

 

截图：

 

 

转载地址：http://ffhkz.baihongyu.com/