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

重启项目,运行成功!
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,698评论 0 13
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,633评论 25 709
  • 我和他们不一样 创意品其实是一个很模糊的概念,一针一线缝制的小荷包是一件创意品,批量生产的键盘小夜灯也是一件创意品...
    Ziya阅读 3,826评论 0 2
  • 到目前为止,大家应该很熟悉作用域的概念了,以及根据声明的位置和方式将变量分配给作用域的相关原理了。函数作用域和块作...
    liuxuan阅读 1,651评论 3 5