我的代码是:
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])
})
},
但是始终报错,怎么解决