NeteaseCloudMusicWall 网易云热评墙

NeteaseCloudMusicWall 网易云热评墙

PluginsKers
2021-04-06 / 3 评论 / 278 阅读 / 正在检测是否收录...

项目介绍

NetEase Cloud Hot Comments Display Wall.

这个故事还没有结束!

项目介绍

继我于2019开发的项目NeteaseCloudHotReview网易云热评墙

当前版本:

Version
GitHub Repo stars

依赖:

NodejsvuexaxiosfontawesomeGitHub release (latest by date including pre-releases)

项目主要结构

  • src/

    • views/
    • components/
    • router/
    • assets/
    • App.vue
    • main.js
    • request.js
    • store.js
  • dist/

踩坑记录

Swiper的大坑

Swiper我是真没想到这么大一个锅在你身上

terminal

terminal

谁知道我卸载安装了多少遍

报错都类似这样:

 warning  in ./node_modules/_swiper@6.5.0@swiper/esm/vue/swiper.js

638:10-11 "export 'h' was not found in 'vue'

 warning  in ./node_modules/_swiper@6.5.0@swiper/esm/vue/swiper-slide.js

66:13-14 "export 'h' was not found in 'vue'

 warning  in ./node_modules/_swiper@6.5.0@swiper/esm/vue/swiper-slide.js

70:22-23 "export 'h' was not found in 'vue'

尝试解决方案:

  1. 更换低版本的Swiper
  2. 修改createVue为链式创建

最后,我放弃了 表情

axios没办法post请求?

关于axiosPOST请求无法正确传值

axios默认发送数据时,数据格式是Request Payload,并非我们常用的Form Data格式,所以参数必须要以键值对形式传递,不能以json形式传参

那么很显然,需要更改一下他的形式

通过官方文档可得到在创建axios实例的时候有一个参数transformRequest可以达到预期

transformRequest: [
  data => {
    let params = '';
    for (var index in data) {
      params += index + '=' + data[index] + '&';
    }
    return params;
  }
]

开发小结

今天身体不舒服

热评墙页面
热评墙播放器
相关逻辑

现在是 17:29 痛的不行了,我要睡觉了

1.0.1

双击评论点赞
发布

1.0.2

登录信息缓存

1.0.3

首个完整稳定 完美 的版本发布

1.0.4

更新了点赞的相关逻辑,以及页面 工艺 表情

点赞时的背景动画

修复了在接口调用上跨域等问题
更新 帮助 页面

帮助

相关协议 The MIT License (MIT)

取消收藏歌曲
退出登录
Beta 签到/云贝任务方案
修复歌曲播放BUG

1.0.5Beta

更改了协议 The GNU General Public License (GPL)
修复了播放器BUG
更新 二维码 登录

1.0.5

更新帮助页面逻辑
修复播放器,图标显示问题

正在敲敲敲

预览-Github
预览-腾讯托管

9

评论 (3)

取消
  1. 头像
    PluginsKers 作者
    Windows 10 · Google Chrome

    要准备大更新了!!表情

    回复
  2. 头像
    Ktww6
    Windows 10 · Google Chrome

    哇塞!好看,爱了。
    拿走了,拿走了表情

    回复
    1. 头像
      PluginsKers 作者
      Windows 10 · Google Chrome
      @ Ktww6

      表情表情表情表情表情表情

      回复