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': ''
            }
        }
 }
原文地址:https://www.cnblogs.com/holly-w/p/9024545.html