在写网易云音乐项目时根据网易云音乐api文档里的内容获取歌曲详情始终报Uncaught (in promise) Error: Request failed with status code 400

我的代码是：
1.封装的request请求：

引入axios****
//创建方法 request  暴露出去
export function request(config) {
    //创建axios实例
    var instance = axios.create({
        baseURL: '/api',
        timeout: 20000,
    })
    // 添加axios拦截器
    // 添加响应拦截器
    instance.interceptors.response.use(function (response) {
        //对响应数据做点什么
        // console.log(response.data)
        return response.data;
    }, function (error) {
        //对响应错误做点什么
        return Promise.reject(error);
    });
    //请求
    return instance(config)
}

2.network的内容：
import {request} from '../network/http';
//获取歌曲地址
export function getUrl(url,params){
   return request({
       url:url,
       method:'get',
       params:params
   })
}
//获取播放歌曲详细地址
export function getDetail(url,params){
    return request({
        url:url,
        method:'get',
        params:params
    })
 }






3.组件里应用封装好的请求方法：
 getUrlM(id){
      getUrl('/song/url',{id:id}).then(res=>{
        // console.log(res)
        //修改vuex state中的值
        this.$store.commit('getVuexUrl',res.data.url)
      })
    },
import {getUrl,getDetail} from "@/network/play"
 //歌曲详细数据
    getDetailM(id){
      getDetail('/song/detail',{ids:id}).then(res=>{
        console.log(res)
        this.$store.commit('getVuexDetail',res.songs[0])
      })
    },

但是始终报错，怎么解决

看看页面报错和接口响应