觉得光看视频太慢了,想做个项目巩固下知识,顺便练习下git。很多大佬都说看着文档就可以上手,但是我看着容易跑神,跟着这个老师的视频做的,真的是保姆级教程。
【前端实战项目】手把手教你从零开始做一个网易云音乐,月嫂级毕业设计教程_哔哩哔哩_bilibili
不过在途中也难免会出现一些bug,刚开始做就被bug弄得欲仙欲死,还好目前为止都解决了。
1.轮播图无法正确获取图片,跨域问题 net::ERR_SSL_PROTOCOL_ERROR
排查了半天发现好像是跨域问题,服务端3000,前端端口号8080。但是要搞跨域问题太复杂了,而且视频中老师也没提到,后来发现是忘记开服务器了。
为了保证项目正常运行,所以是直接把api下载到项目的,端口也是写服务端的3000。要在后台开着,我直接在vscode开了,但是后面又关了开项目。
解决方案:cmd里开着服务器,vscode打项目。
2. [Vue warn]: Unhandled error during execution of mounted hook
封装axios后,页面正常,但是api接口获取的图片无法显示,查了半天没有一个能解决这个报错的,排查之后发现是因为这段代码,搜索“async await的错误处理”找到了答案
async await 的错误处理方法_光就一个字的博客-CSDN博客_async await错误处理
但是打完这段代码后发现没有报错,可是依然没有显示图片。
一看控制台报404错误。
灵机一动,改了端口号,成功显示。
3. git push 的时候莫名奇妙报错,用这两个命令解决
git config --global --unset http.proxy
git config --global --unset https.proxy