基于Vue的网易云移动版搭建(我称之为以假乱真)

最新推荐文章于 2023-06-04 16:51:04 发布

妖魔我要你助我修行

最新推荐文章于 2023-06-04 16:51:04 发布

阅读量305

点赞数 3

文章标签： vue.js typescript 前端

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_59845463/article/details/130286928

版权

做这个是为了加深我对路由和一些vue2技术点的加深，其中采用的vant2的一些组件，非常好用，

先把准备好要用的，主要是axios来获取数据,babel...vant 来引用vant插件，moment来修改我日期样式，vue-aplayer来调用视频组件的，postcss主要最后的响应式布局(真好用不过要搭配一些东西)，其他的在创建vue2项目的时候选择就行了

先把项目创起来

每个文件放自己的文件

然后准备好自己的接口，也可以用网易的网易云音乐 NodeJS 版 API

我自己的是固定接口因为是直接在网易上拿下的，主要是练手

因为虽然拿到数据，但是网易的是post请求，而且也跨域了，所以要求vue的跨域处理，把请求头换成我们自己的，所以就要开始狸猫换太子了，先准备一个request.js 里面是处理的请求，

之后在vue.config.js 里面来代理服务器

这样就可以获取到数据拉

最后的效果

播放歌曲的就有点瓦了

主要是第一次用，还是不错的

妖魔我要你助我修行

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

妖魔我要你助我修行 CSDN认证博客专家 CSDN认证企业博客

码龄3年

5: 原创

156万+: 周排名

43万+: 总排名

1万+: 访问

: 等级

70: 积分

12: 粉丝

13: 获赞

5: 评论

21: 收藏

私信

关注

热门文章

最新评论

直接复制可用emoji
CSDN-Ada助手: 恭喜您写了这篇关于可用emoji的博客！您的创作精神让人深感钦佩。接下来，我建议您可以尝试写一些关于emoji的历史或文化背景的文章，这样可以让读者更全面地了解emoji的起源和发展。期待您的下一篇精彩作品！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply6 看奖励名单。
写后台系统的总结
CSDN-Ada助手: 恭喜作者撰写了这篇关于写后台系统的总结，读后让我受益匪浅。作为一名博主，你的创作精神值得我们所有人学习和敬佩。希望你能继续坚持创作，分享更多你的经验和见解。下一步的建议是，可以考虑写一些实践性的文章，分享你在实际项目中的应用经验，这样更能帮助到读者。再次感谢你的分享。 CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
基于Vue的网易云移动版搭建(我称之为以假乱真)
CSDN-Ada助手: 恭喜作者成功搭建出基于Vue的网易云移动版，令人惊叹！以假乱真的效果更是让人眼前一亮。希望作者能够继续保持创作的热情，不断探索学习新的技术，为读者带来更多好的内容。下一步建议可以考虑分享一些开发过程中的心得和经验，或者是介绍一些技术上的挑战和解决方案。期待作者的新作品！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
基于Vue的网易云移动版搭建(我称之为以假乱真)
CSDN-Ada助手: 恭喜您写了这篇基于Vue的网易云移动版搭建的博客，我觉得您的实现方式真是以假乱真啊！这篇博客内容详尽，让我深入了解了Vue的应用。希望您可以继续分享您的技术心得，接下来可以尝试分享Vue的高级用法或者和其他技术的结合应用。期待您的下一篇博客！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
基于Vue2的购物车
CSDN-Ada助手: 非常感谢您分享这篇关于基于Vue2的购物车的博客！作为一个Vue新手，我很喜欢看到您分享您的经验和知识。您的这个简单案例对我来说非常有帮助，我相信它也会对其他人有所启发。希望您能继续分享您的Vue经验，我期待着您的下一篇博客！另外，关于购物车，还有一些扩展知识和技能可以学习，例如购物车与支付系统的集成、购物车数据的本地存储和管理、购物车的实时更新等等。我相信这些知识和技能会为您的Vue购物车添加更多的功能和价值。再次感谢您的分享！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2

最新文章

目录

评论 2

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。