wuyuanwuhui99 / vue-music-app-ui

使用vue2.0开在线在移动音乐app，已经上线并使用，所有数据来自QQ音乐线上环境，已完成95%的功能，涉及推荐，歌手，抖音音乐、搜素、登录、收藏、播放、歌词、token校验，async和await，flex布局等重要模块，使用koa2做后端接口，可使用nginx单独部署或者和koa2项目一起部署，目前还存在部分bug，正在修复中...

在线音乐播放器

作者：吴怨吴悔

================================界面预览================================ ================================界面预览================================

开发时间：2017-12

完成时间：2018-01

使用插件和版本：

axios: 0.18.0 ——网络请求

better-scroll: 1.9.1 ——滚动懒加载

create-keyframe-animation: 0.1.0 ——css动画

css-loader: 0.28.11 ——css加载器

fastclick: 1.0.6 ——移动端点击方法

less: 3.9.0 ——less样式

less-loader: 5.0.0 ——less加载器

lyric-parser: 1.0.1 ——歌词解析

md5: 2.2.1 ——md5密码加密

vue: 2.5.2 ——vue基础版本

vue-router: 3.0.1 ——vue路由

vuex: 3.0.1 ——vuex状态管理器

nginx反向代理配置如下

upstream music_server{
    server 127.0.0.1:3000 weight=10;
    server 127.0.0.1:3001 weight=10;
}

server{
    listen       3002;
    #静态资源，包括系统所需要的图片，js、css等静态资源
    location / {
        alias E:/vue/mymusic/dist/;
    }
    location /service/ {
        proxy_pass http://music_server;
        #proxy_pass 127.0.0.1:3000;
    }
    location /static/ {
        alias E:/static/;
    }
}

后端项目和sql语句：https://github.com/wuyuanwuhui99/springboot-app-service