成果
具体效果看B站视频演示；
B站地址：视频演示
github地址：项目源码
码云地址：项目源码
各位大佬，帮忙点个赞，投个币，star下,万分感谢大家！
项目结构
因为文件较多，我是通过截图然后注释上文字，图片有点多，想要了解的话可以私信我，或者b站也有联系方式。
代码重要部分都详细注释解释了
过程
说说搭建过程吧，从无到有，感觉刚开始就得要有构思，先不急着做，先观察结构上布局，规划好路由的设置，有哪几个部分需要跳转，哪里是公共的，哪里是一直显示的，都要好好想想。
刚开始的话还是要做出页面的大致布局。然后再一个一个组件开发。
对于组件的开发，也要观察组件是否经常被用到，可以的话尽量把组件封装的更完美，这样后续开发会非常轻松。
对于接口的话，有些数据是不完整的，还有些是vip的，所以导致获取不到播放地址，播放不了。
数据不熟悉可以先打印出来观察下，再写进去，有些没有的数据可能需要多次周折才能获取，需要慢慢分析。
接口封装请求数据自我感觉还是挺好用的，是学的codewhy老师的封装方法，不会的可以去学学。
还有时间戳的转化，也可以学习学习，这基本上是开发必备，还有防抖节流等。
问题
说说遇到的问题吧，如果你也遇到了，可以参考我的方法
1.开发模式下请求接口跨域问题 （用代理可解决，具体见源码）
2.打包后静态资源失效 (需要配置绝对路径，如图) 但是切记别在开发模式中用！！！！
3.打包后接口又跨域了… （解决方法很简单，把跨域配置注释，请求地址换回原地址）
4.另外打包后也还要注释掉路由的history
5.其他的就是一些代码逻辑性的问题 例如 歌词的解释，滚动，轮盘的转动，音乐的播放和切换等。
6.还有就是关于element-ui的问题，建议不会就百度，我也是慢慢啃过来的，而要修改样式的话可以直接检查，复制类名再改，没效果的话估计是权重不够。
说明
项目的功能并没有全部做完，而且性能上也没有做很好的优化，bug也有很多，但是基本功能都能实现。
后续有时间会改进的！当然有大佬想一起参与的话可以滴滴我！
END
最后对你有帮助的话，帮忙点个赞,star下！！！
感谢！！！