vue音乐APP开发问题之获取QQ音乐歌单代理配置
目前在学习大神的vue开发的音乐APP视频,然后问题来了:
首先就是由better-scroll版本问题引起的无缝轮播的bug,这个这里就不提了,一搜就各种解决方案了。主要是歌单列表的获取,原来的视频里面build文件夹下是有个dev-serve.js文件的,然后主要是在这个文件里面配置,但是新版模板中build下没有这个文件!当时我翻了好久、各种博客啥的 ,最后终于让我找着了正确的配置,只需要在config文件夹下的index.js文件中找到proxyTable关键字,配置如下:
proxyTable: { //'http://localhost:8066/api/xxx' 代理到 'https://c.y.qq.com'
'/api/getPlaylist': {
//target代表源地址
target: 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg',
//bypass代表访问源地址是提前设置的数据
bypass: function(req, res, proxyOptions){
req.headers.referer = 'https://c.y.qq.com';
req.headers.host = 'c.y.qq.com';
},
secure: false, //如果是https接口,需要配置这个参数
changeOrigin: true, //允许跨域
pathRewrite: {
'^/api/getPlaylist': ''
}
}
}

浙公网安备 33010602011771号