vue音乐APP开发问题之获取QQ音乐歌单代理配置

目前在学习大神的vue开发的音乐APP视频,而后问题来了:vue

  首先就是由better-scroll版本问题引发的无缝轮播的bug,这个这里就不提了,一搜就各类解决方案了。主要是歌单列表的获取,原来的视频里面build文件夹下是有个dev-serve.js文件的,而后主要是在这个文件里面配置,可是新版模板中build下没有这个文件!当时我翻了很久、各类博客啥的 ,最后终于让我找着了正确的配置,只须要在config文件夹下的index.js文件中找到proxyTable关键字,配置以下:api

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': ''
            }
        }
 }
相关文章
相关标签/搜索