网易云音乐API,的调用方法，vue项目中（在本地使用）

1. 在`cmd` 命令行下：安装并启动：

git  clone   https://github.com/Binaryify/NeteaseCloudMusicApi.git  /* 下载 */cd NeteaseCloudMusicApi /* 进入项目的根目录*/yarn 或者 npm install  /*安装依赖*/node app.js   /* 运行项目，启动该 */

上面步骤执行完成，出现下面的字样，代表已成功安装；

运行，运行成功：

这里的 " http://localhost:3000 " 就是我们接下来要请求的网易云音乐API 的服务器地址了，注意这里的端口可改，更多使用参考文章后的链接。

2. 在vue项目中调用它的接口：

在src下新建一个plugins的文件夹，在该文件夹下新建axios.js文件（项目中已用 yarn add axios 安装了axios插件）；

axios.js文件 (这里关于axios的写法不做多的说明)

import axios from 'axios'
import qs from 'qs'axios.defaults.withCredentials = true// 允许跨域设置，不然可能因为拿不到cookie而报错axios.defaults.baseURL = 'http://localhost:3000/'   /*这里的地址就是刚刚启起来的服务器地址  *//*请求拦截*/
axios.interceptors.request.use(config => {if (config.meth === 'post' && !(config.data instanceof FormData)) {config.headers = {'Content-Type': 'application/x-www-form-urlencoded'}config.data = qs.stringify(config.data, { arrayFormat: 'repeat' }) /*这里是，后端要求传数组的时候做的设置，以前出过错*/}return config}, error => {return Promise.reject(error)}
)
/* 响应拦截 */
axios.interceptors.response.use(res => {/*可在这里根据返回的状态码做一些拦截操作*/return res}, err => {return Promise.resolve(err)}
)
export default axios  /*记得导出*/

在组件中测试调用：
about.vue

<template><div class="about"><el-button @click="getWangyi">获取热门歌单</el-button></div>
</template><script>
import axios from '@/plugins/axios.js' /*引入封装的axios*/export default {methods: {getWangyi () {axios({url: '/playlist/hot',  /*热门歌单接口地址*/method: 'post'}).then(res => {console.log("我拿到的数据：", res.data.tags)}).catch(err => {console.log(err)})}}
}
</script>

网易云音乐API 地址 : https://neteasecloudmusicapi.vercel.app/#/?id=neteasecloudmusicapi

它的GitHub地址: https://github.com/Binaryify/NeteaseCloudMusicApi

网易云音乐API,的调用方法，vue项目中（在本地使用）相关推荐

网易云音乐API调用（持续跟新中）
** 最近两天在学习一下微信小程序,在学习网络请求的部分了解了一下网易云音乐api的使用,下面给大家分享一下. ** 调用方法: https://api.imjad.cn/cloudmusic/ 在以 ...
开源的网易云音乐API项目都是怎么实现的？
上一篇文章这个高颜值的开源第三方网易云音乐播放器你值得拥有介绍了一个开源的第三方网易云音乐播放器,这篇文章我们来详细了解一下其中使用到的网易云音乐api项目NeteaseCloudMusicApi的实 ...
Github每日Rank推荐：网易云音乐API
今天要推荐的github开源项目是NeteaseCloudMusicApi,即网易云音乐API,安装所需环境即可实现真实调用网易云音乐 API,包括注册.登录.搜索歌单歌词.歌曲点评等功能,请看客老爷 ...
Github项目推荐：网易云音乐 API
网易云音乐 API Github项目地址:https://github.com/Binaryify/NeteaseCloudMusicApi Github文档地址:https://binaryify. ...
Docker 使用网易云音乐 API
背景最近想写一个一小程序,需要搜索音乐歌曲相关信息.找到了一个叫 NeteaseCloudMusicApi 网易云音乐 API 的GitHub 开源项目. 它的 GitHub 地址: Binaryi ...
网易云音乐api歌单数据获取
网易云音乐api歌单数据获取网易作为IT大厂,数据可以说藏的很严实,普通按个f12以为能搞到点东西,结果,看不到要的歌单信息,这可是愁死我了啊. 后来看了看知乎,一帮怪才集中的地方果然迸发了思维的 ...
html网易云音乐图片轮播效果,Vue之网易云音乐PC版轮播图的实现
Github - program-learning-lists 最近在刷网易云音乐歌单时发现首页的轮播图很有意思,正好自己想尝试做一个PC版的网易云音乐,于是就是使用Vue去做这个demo,废话少说, ...
网易云音乐API使用
网易云音乐API使用网易云音乐API 1.安装 $ git clone git@github.com:Binaryify/NeteaseCloudMusicApi.git 或者 https://gi ...
网易云音乐API使用教程与遇到的问题
网易云音乐API 简单又好用. 其实他那里面讲是很清楚了,有些地方小白不会,我帮他讲一下 1.在你的项目下 git clone git@github.com:Binaryify/NeteaseClou ...

网易云音乐API,的调用方法，vue项目中（在本地使用）

1. 在`cmd` 命令行下：安装并启动：

2. 在vue项目中调用它的接口：

网易云音乐API,的调用方法，vue项目中（在本地使用）相关推荐

最新文章

热门文章

网易云音乐API,的调用方法 ，vue项目中（在本地使用）

1. 在cmd 命令行下：安装并启动：

2. 在vue项目中调用它的接口：

网易云音乐API,的调用方法 ，vue项目中（在本地使用）相关推荐

最新文章

热门文章

网易云音乐API,的调用方法，vue项目中（在本地使用）

1. 在`cmd` 命令行下：安装并启动：

网易云音乐API,的调用方法，vue项目中（在本地使用）相关推荐