QQ音乐获取推荐歌单

Vue项目学习的过程中，在获取QQ音乐推荐分类歌单数据的时候，按照老师的代码配置如下：

image.png

组件中代码：

image.png

此时启动的时候，会报如下错误：

image.png

为什么会出现jp1未定义的情况呢？
于是进行了各种百度：
发现也有其他人出现同种情况，至于回答里面的大神给出的解释是：

image.png

于是，我按照这种方法去修改，在src/api/config的文件中，添加了

export const options1 = {
   param: 'jsonpCallback',
   prefix: 'playlistinfoCallback'
}

返回的时候修改成：
return jsonp(url, data, options1)
再次运行的时候，果然，这个问题解决了！
但是，又出现了新的问题：

uncaught (in promise) typeerror: cannot read property '0' of undefined

到这个地方，我就很无语了！
我意识到错误原因找错了，于是，我重新回到第一个问题的代码，然后查看请求的数据结果：

{code: 0, subcode: 1, msg: "invalid referer"}
code:0
msg:"invalid referer"
subcode:1
__proto__:Object

在此百度了一下，原来{code: 0, subcode: 1, msg: "invalid referer"}
的意思是，需要伪装一下referer。
于是，我开始做成后端代理的模式，先将代码修改成如下：

image.png

在build/webpack.dev.conf文件中添加如下代码：

image.png

重启项目，运行成功！