Vue項目學習的過程中,在獲取QQ音樂推薦分類歌單數據的時候,按照老師的代碼配置如下:

image.png
組件中代碼:

image.png
此時啟動的時候,會報如下錯誤:

image.png
為什么會出現jp1未定義的情況呢?
于是進行了各種百度:
發(fā)現也有其他人出現同種情況,至于回答里面的大神給出的解釋是:

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
重啟項目,運行成功!