![[可怜]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_5.ece2a96.png)
![[流泪]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_6.dde0d83.png)
Macks
前端斟茶工程师
修仙
获得徽章 7
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇沸点
好久没有提交代码到开源项目了，但一提交就是大更新。
仿网易云音乐（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![[憨笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
我踩坑收集和学习react-query的资源字数限制发不下来，只能在技术交流圈沸点发![[捂脸]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
仿网易云音乐（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
![[憨笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_27.0006230.png)
我踩坑收集和学习react-query的资源字数限制发不下来，只能在技术交流圈沸点发
![[捂脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_28.8981538.png)
展开
3
5