MissCloud
A Vue2.0.js project
Miss==>>各站点数据整合;图片,视频,文章;在线云音乐播放器;
介绍
- 因平时会浏览一些网页,然而这些站点没有App;所以为了方便浏览,就把这些站点内容集中到Miss App中。(PS:欢迎Star)
实现功能
阅读
- 读1区
- 读2区
- 读3区
- (备注:数据均为missRept服务采集)
音乐
- 私人FM
- 热歌榜
- 每日推荐
- 排行榜
- 推荐歌单
- 搜索
- 播放,歌词
- 单曲循环
- 随机播放
- 列表循环
- 上一首,下一首,快进
- 加入,删除播放列表
- 下载 None
- 登录 None
- 我喜欢的音乐 None
- MV None
视频 None
图片 None
Demo
技术栈
- Vue,Vuex,webpack,vueRouter,axios
部署
- Pm2 , Nginx
心得
- 通过Miss更加熟练了Vue,Vuex;这让我感到欣慰。当然,在次过程中也遇到了很多诸多问题,比如说数据采集时会有反盗链机制;还有Vue的一些坑,Vue当时全局注册了一个第三方的内库,但是由于后来没有用,所以就删除了导入代码,而忘了删除注册代码;下面的事情就很尴尬了,用浏览器访问的时候完全没问题,可用手机访问就出不来了(页面);好像是页面没有加载到似的(关键问题在于没有任何的error),后来尝试了各种,包括了重新建项目再来试;这个坑爬了很久(浪费时间)。所以童鞋们写代码的时候一定要细心啊!!!啊啊啊
致谢
- 感谢 Binaryify提供网易云Api;Github==>>NeteaseCloudMusicApi
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8090
npm run dev
# build for production with minification
npm run build