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

最新推荐文章于 2024-04-05 09:51:16 发布
VIP文章 最新推荐文章于 2024-04-05 09:51:16 发布
阅读量3.5k 收藏 18
点赞数 4
分类专栏： vue 文章标签： vue es6 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45309753/article/details/109407594
版权

文章目录

11

前言

在vue中如何使用NeteaseCloudMusicApi

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

一、node环境安装

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

二、运行Api

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

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

git clone [email protected]:Binaryify/NeteaseCloudMusicApi.git 
或者
git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git

2.给项目安装依赖

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

npm install

3.运行该项目

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

node app.js
最低0.47元/天 解锁文章
抒深
关注
  • 4
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
关于NeteaseCloudMusicApi接口文档
qq_43594321的博客
08-13 2114
NeteaseCloudMusicApi接口文档(1) 网易云音乐api 目的：获取歌曲播放链接 *要求先下载 安装 运行 NeteaseCloudMusicApi * https://github.com/Binaryify/NeteaseCloudMusicApi 这里服务器启动默认端口为 3000 关键词搜索歌单 这里歌单：关键词搜索出来的歌曲集合 http://localhost:3000/search?keywords=海阔天空 结果的一部分：（箭头:歌单id） 通过 歌单id 获取 当前 要
网易云音乐api使用—基于node.js服务器
dodo_xu的博客
12-30 4381
mac终端下 node.js安装地址： ​​​​​​Download | Node.js git安装地址： Git - Downloads 1. 打开网易云音乐github界面 GitHub - Binaryify/NeteaseCloudMusicApi: 网易云音乐 Node.js API service 2. 打开mac终端 输入：cd desktop 依次输入安装命令： git clone [email protected]:Binaryify/NeteaseCloudMusicAp
网易云音乐api，硅谷云音乐调用登录API出现，网络太拥挤，登录失败（最简单的解决方案，有效哦）
m0_46878964的博客
11-16 4559
微信小程序防网易云音乐，调用登录api出现，网络太拥挤，登录失败（最简单的解决方案，有效哦）
网易云音乐 API
CSDN_Admin0的博客
01-19 1878
v4.0.8 加入了 Vercel 配置文件,可以直接在 Vercel 下部署了,不需要自己的服务器。服务器启动默认端口为 3000,若不想使用 3000 端口,可使用以下命令: Mac/Linux。v3.31.0后支持Node.js调用,导入的方法为。网易云音乐 Node.js API service。需要 NodeJS 8.12+ 环境。内的文件名,返回内容包含。调用前务必阅读文档的。为请求返回内容,参考。
网易云接口的使用-NeteaseCloudMusicApi项目的启动
哈哈哈的博客
02-27 1万+
网易云接口的使用 接口使用地址：接口文档 1、首先用git将GitHub上的这个项目克隆下来 克隆地址：项目所在github地址 git clone https://github.com/Binaryify/NeteaseCloudMusicApi 2、安装node 查看项目要求：需要 NodeJS 8.12+ 环境。 安装步骤：node安装教程 3、在NeteaseCloudMusic...
NeteaseCloudMusicApi
04-13
网易云音乐 API 网易云音乐 Node.js API service 灵感来自 环境要求 需要 NodeJS 8.12+ 环境 安装 $ git clone [email protected]:Binaryify/NeteaseCloudMusicApi.git $ npm install 或者 $ git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git $ npm install 运行 $ node app.js 服务器启动默认端口为 3000,若不想使用 3000 端口,可使用以下命令: Mac/Linux $ PORT=4000 node app.js windows 下使用 git-bash 或者 cmder 等终端执行以下命令: $ set PORT=4000 && node app.js Vercel 部署 v
小白记录之网易云音乐API使用 NeteaseCloudMusicApi
热门推荐
激流小舟的博客
11-25 2万+
文章目录初识NeteaseCloudMusicApi安装NodeJS环境运行项目 初识NeteaseCloudMusicApi 网易云音乐 Node.js API service GitHub链接：NeteaseCloudMusicApi 在GitHub上可以看到运行该项目的步骤: 环境要求 需要 NodeJS 8.12+ 环境 安装 $ git clone [email protected]:Bina...
开源的网易云音乐API项目都是怎么实现的？
sinat_33488770的博客
07-05 3099
上一篇文章这个高颜值的开源第三方网易云音乐播放器你值得拥有介绍了一个开源的第三方网易云音乐播放器，这篇文章我们来详细了解一下其中使用到的网易云音乐项目NeteaseCloudMusicApi的实现原理。NeteaseCloudMusicApi使用开发，主要用到的框架和库有两个，一个Web应用开发框架Express，一个请求库Axios，这两个大家应该都很熟了就不过多介绍了。项目的入口文件为： 调用了文件的方法，让我们转到这个文件，方法简化后如下： 主要是启动监听指定端口，所以创建应用的主要逻辑在方法： 首先
推荐开源项目：NeteaseCloudMusicApi - 网易云音乐API实现
gitblog_00096的博客
03-28 779
推荐开源项目：NeteaseCloudMusicApi - 网易云音乐API实现 项目地址:https://gitcode.com/wwh1004/NeteaseCloudMusicApi 项目简介 NeteaseCloudMusicApi 是一个由开发者 wwh1004 开发的开源项目，旨在为个人开发者或小型应用提供一个模拟网易云音乐官方API的服务。通过这个API，你可以轻松地集成网易云音乐...
探索高质量音乐API：NetEaseCloudMusicApi
最新发布
gitblog_00045的博客
04-05 281
探索高质量音乐API：NetEaseCloudMusicApi 项目地址:https://gitcode.com/axhello/NeteaseCloudMusicApi 在数字化的时代，音乐已经成为我们生活的一部分，而优雅地访问和利用音乐服务的API则为开发者提供了无尽的可能性。今天，我们要介绍的是一个开源项目——NetEaseCloudMusicApi，它是一个面向网易云音乐的纯Python实...
详解vue 配合vue-resource调用接口获取数据
01-21
1.先用node+express+mysql简单配置一下后台 const express = require('express'); const mysql = require('mysql'); const static = require('express-static'); const db = mysql.createPool({ ...
NeteaseCloudMusicApi.zip
03-22
网易云音乐Nodejs版API，本文件是笔者自己在https://binaryify.github.io/NeteaseCloudMusicApi/文档中下载并安装的，在通过git克隆时，遇到了不能下载的问题，最后通过https://blog.csdn.net/yushuangping/article/details/84240863成功解决，解决的详细步骤参考链接，希望可以帮到遇到同样问题的你们。
NeteaseCloudMusicApi：网易云音乐Node.js API服务
01-30
网易云音乐API 网易云音乐Node.js API服务 灵感来自 环境要求 需要NodeJS 8.12+环境 安装 $ git clone [email protected]:Binaryify/NeteaseCloudMusicApi.git $ npm install 或者 $ git clone https://github.com/Binaryify/NeteaseCloudMusicApi.git $ npm install 运行 $ node app.js 服务器启动默认端口为3000，如果不想使用3000扩展，可使用以下命令：Mac / Linux $ PORT=4000 node app.js Windows下使用git-bash或cmder等终端执行以下命令： $ set PORT=4000 && node app.js 可以在Node.js启动 v3.31.0后支持Node.js调用，引入的方法为module的文件名，返回内容包含status和body ， status为状态码， body为请求返回内容，参考module_example文件夹下的test.js
使用Vue实现调用接口加载页面初始数据
12-13
闲着没事写了一个电影推荐的网页，很简单，使用的是Vue的实现. let vm = new Vue({ el:'#content', data:{ name:'', pic:'', actor:'', detail:'', link:'' }, mounted:function () { this.getMovie(); ...
vue如何从接口请求数据
08-30
本篇文章主要介绍了vue如何从接口请求数据 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vuex在刷新页面时数据清空
m0_45309753的博客
04-23 2035
今天在使用vuex管理数据时，发现页面刷新后数据清空了。后来查了些资料，发现vuex的数据是存储在内存中，页面刷新时，内存将会被释放，并会重新加载js脚本，变量重新赋值。所以如果想要做到数据持久化，就需要将数据存储在localstorage,seassionstorage或者cookie里。 例如: //在store/index.js中修改如下 state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state'
vue实现歌词与播放时间同步
m0_45309753的博客
05-12 1760
引言 作为音乐播放器没有歌词怎么行！ 实现结果如下： 在上一篇博文中我们已经讲了如何将从后台返回的歌词解析为我们所需要的格式，那么本篇的目的就是将这些歌词渲染到屏幕上并实现动态滚动效果。 1.先将歌词渲染到页面 <ul> <li v-for="(item, index) in lyric" :key="index" > {{ item.str }} </li> </ul> lyric为解析好的歌词。 2.接着给他加上一点
vue封装导航栏
m0_45309753的博客
10-30 1510
文章目录前言一、项目结构二、明确组件特征总结 前言 利用vue封装自己的导航栏 我的组件需要完成的结果如下： 一、项目结构 首先我们利用vue-cli脚手架工具创建了我们的vue项目，这时候我们会发现他已经将基本的项目结构划分完成了，这个时候我们需要根据自己的实际项目需求完善自己的项目结构。(创建vue项目见前博文)。既然我们要封装一个导航栏那么我们应该将这个组件放在什么地方呢？为了方便管理，我们又该如何设置项目结构呢？根据以上问题我们可以在components下创建一个common文件夹，用来存储抽
vue调用api接口获取数据
07-13
在Vue中调用API接口获取数据可以通过以下步骤进行： 1. 在Vue组件中，首先引入axios库（或其他HTTP请求库）来发送HTTP请求： ```javascript import axios from 'axios'; ``` 2. 在Vue组件的`methods`中定义一个方法来发送API请求，并处理返回的数据： ```javascript methods: { fetchData() { axios.get('http://example.com/api/data') // 替换为你的API接口地址 .then(response => { // 处理返回的数据 console.log(response.data); }) .catch(error => { // 处理错误 console.error(error); }); } } ``` 3. 在需要获取数据的地方调用该方法： ```html <button @click="fetchData">获取数据</button> ``` 这样，当用户点击按钮时，Vue组件会发送一个GET请求到指定的API接口，并在收到响应后进行处理。 请注意，上述代码仅为示例，并假设API接口返回的是JSON格式的数据。你需要根据你的实际需求进行相应的修改和处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值