代码哈士奇的博客

数据处理编写api.js文件处理获取的数据存储歌曲信息获取歌曲vkey获取歌曲处理歌词获取图像喜欢或不喜欢歌曲 我们可以 编写api.js文件 不是自己的接口所以没有设置axios请求拦截器 searchMusic搜索音乐 getKey 获取vkey以便于获取音频 getMp获取音乐 可以直接通过拼接vkey来实现 见 寻找接口 getLyric 获取歌词 axiosFun文件(可以忽略) api.js中的axios直接为import {axios} from ‘axios’ import {a

目前代码已经基本写完,还有细节没有处理，除配置文件外，一共600多行代码效果如下 vue3中 beforeDestroy变成了beforeUnmount 调试 使用火狐浏览器 F12 然后页面就会出现这个 页面布局 搜索栏 使用vant3的搜索 vant3 search 文档入口 <van-search v-model="value" shape="round" background="#4fc08d" placeholder="请输入搜索关键词" /> 歌曲列.

搭建项目 博主使用WebStorm 之前练手写过一次，但是不标准，这个系列打算边写代码边写博客 创建项目 创建一个vue3项目：传送门 安装插件 由于边写代码边写博客，插件后面可能会再安装别的 npm install axios 组件库使用vant3 npm i vant@next -S 页面组成 音乐搜索播放 音乐播放页(歌词) 搜索歌曲组件 search.vue 音乐播放页面 music.vue 添加喜欢 api文件夹 封装axios utils工具文件夹 放置工具方法 vue.config