在vue中使用NeteaseCloudMusicApi并调用这个接口获取数据

---

11

前言

在vue中如何使用NeteaseCloudMusicApi

今天我们要实现的就是调用NeteaseCloudMusicApi接口并获取我们所需要的数据
这里我们获取的是banner（轮播图数据），结果图如下：

一、node环境安装

node环境安装已经在之前的博文为中讲过这里也就不再缀述。详情见链接（node安装）

二、运行Api

1.利用git将项目clone到本地

打开命令端口（win + r） 输入以下命令

git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git 
或者
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git

2.给项目安装依赖

安装完成后在命令端口处进入NeteaseCloudMusicApi文件夹。输入以下命令

npm install

3.运行该项目

依赖安装成功后运行项目，输入命令。

node app.js

详细结果如下图：

clone部分因为我已经安装好了就略过了，如果看到serve running @http://localhost:3000,那么说明运行成功了。接下来你可以打开浏览器。访问这个地址就可以了(点击查看文档就可以查找我们需要的接口数据地址)

三、在vue中调用接口并获取数据

首先在我们调用这个接口之前我们需要知道vue是使用什么来从后端获取数据的。从17年开