好久没有提交代码到开源项目了，但一提交就是大更新。 - 爱编程的Mark - 沸点 - 掘金

前端工程师

好久没有提交代码到开源项目了，但一提交就是大更新。
仿网易云音乐（mac 客户端）web 版，这几次提交主要更新了几个点：

1. 项目中引入了vue-qeury来管理服务端状态，每日歌曲推荐(

music-player.immortalboy.cn)和视频列表(

music-player.immortalboy.cn)页面使用了vue-query（vue-query就是react-query的vue版本，实际使用起来需要踩坑）；

2. 迁移了项目在线部署的地址，原本通过netlify在提交代码到github的时候自动部署，但是没有翻墙的情况下访问太慢，所以更新了在线部署地址：
1. 地址 1(部署在国内，定期更新)：music-player.immortalboy.cn
2. 地址 1(netlify 外网部署，实时同步)：music-player2.immortalboy.cn

3. 捕获请求状态码非200的报错并提示，之前只捕获状态码为200的错误信息提示；

这次更新最主要的是使用vue-query并开发了一个页面。后续的新页面中的服务端状态我会通过vue-query来管理，客户端状态通过vuex进行管理。个人感觉vue-query是一个很好用的库，值得去学习和实践。学习vue-query的话最好是通过react-qeuery来学习，youtube上有react-query的学习视频，没有vue-query的学习视频，但是学会了react-query几乎等于学会了vue-query。
分享一下，我踩坑收集的学习资料。

开源项目地址：

github.com
在线访问地址1(国内)：

music-player.immortalboy.cn
在线访问地址2(netlify)：

music-player2.immortalboy.cn

欢迎star，欢迎fork，欢迎提issue

我踩坑收集和学习react-query的资源字数限制发不下来，只能在技术交流圈沸点发

展开

优秀开源项目

等人赞过