简单音乐播放器

最新推荐文章于 2025-03-28 09:29:51 发布

柒灬

最新推荐文章于 2025-03-28 09:29:51 发布

阅读量1.7k

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_44442911/article/details/124804021

版权

本文介绍了如何使用网易云音乐API进行开发，涉及跨域问题的处理方法，通过axios的封装实现GET和POST请求，并展示了关键代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用的是网易云的api接口
网易云音乐api开发文档

效果图

在这里插入图片描述

关键代码如下

处理跨域问题

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://iwenwiki.com:3000',
                changeOrigin: true,
                pathRewrite: {
                    "^/api": ""
                }
            }
        }
    }
}

axios请求封装

// 创建axios的实例对象
const instance = axios.create({
    timeout:5000
})

//封装的get方法
export function get(url,params){
    return new Promise((resolve,reject) =>{
        instance.get(url,{
            params
        }).then(res =>{
            resolve(res.data);
        }).catch(err =>{
            reject(err.data);
        })
    })
}

//封装post方法
export function post(url,params){
    return new Promise((resolve,reject) =>{
        instance.post(url,params).then(res =>{
            resolve(res.data)
        }).catch(err =>{
            reject(err.data)
        })
    })
}


``