发布于 

网易云热评墙 | MusicWall 项目介绍

这个故事还没有结束。

使用Vue.js开发的流式程式。

项目介绍

继往开来

继我于2019开发的项目 NeteaseCloudHotReview 网易云热评墙
看到了很多人的故事,想着是否能将其收拢,归档一下,随后而突发奇想。
便做出了这样的一个小玩意。

踩坑记录

Swiper的大坑

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

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

报错都类似这样:

1
2
3
4
5
6
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'
尝试过的方案:
更换低版本的Swiper
修改createVue为链式创建
axios没办法post请求?

关于axiosPOST请求无法正确传值

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

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

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

1
2
3
4
5
6
7
8
9
transformRequest: [
data => {
let params = '';
for (var index in data) {
params += index + '=' + data[index] + '&';
}
return params;
}
]

开发小结

1.0.0

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

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

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

其他

网易云热评墙 这个故事还没有结束!