如何通过 GET 请求播放音乐？

本文将介绍如何通过 GET 请求播放音乐，并讲解如何在前端和后端之间传递参数。

前端调用接口

在前端代码中，可以使用 axios 库来发送 GET 请求，并通过 params 属性传递参数。以下是一个示例：

import axios from 'axios';

// 定义传递的参数
const groupId = 'xxx';
const musicId = 'xxx';
const ids = 'xxx';

// 调用接口
axios.get('/data/api/broadcast/playMusic', {
    params: {
        groupId: groupId,
        musicId: musicId,
        ids: ids
    }
})
.then(response => {
    // 处理返回的数据
    console.log(response.data);
})
.catch(error => {
    // 处理错误
    console.error(error);
});

后端 Java 代码

在后端 Java 代码中，可以使用 @RequestParam 注解来获取参数。以下是一个示例：

@GetMapping("/playMusic")
public AjaxResult playMusic(@RequestParam("groupId") String groupId,
                            @RequestParam("musicId") String musicId,
                            @RequestParam("ids") String ids) {
    // 处理逻辑
    return AjaxResult.success(broadcastService.playMusic(groupId, musicId, ids));
}

参数传递方式

在前端调用接口时，可以使用 query 参数的方式传递这三个参数。这些参数会附加在 URL 的末尾，例如：

/data/api/broadcast/playMusic?groupId=xxx&musicId=xxx&ids=xxx

后端代码会自动解析这些参数，并将其传递给 playMusic 方法。

通过这种方式，就可以在前后端之间传递参数，并使用 GET 请求播放音乐了。