QQ音樂獲取推薦歌單

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

重啟項目,運行成功!
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,619評論 0 13
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,366評論 25 708
  • 我和他們不一樣 創(chuàng)意品其實是一個很模糊的概念,一針一線縫制的小荷包是一件創(chuàng)意品,批量生產的鍵盤小夜燈也是一件創(chuàng)意品...
    Ziya閱讀 742評論 0 2
  • 到目前為止,大家應該很熟悉作用域的概念了,以及根據聲明的位置和方式將變量分配給作用域的相關原理了。函數作用域和塊作...
    liuxuan閱讀 266評論 3 5

友情鏈接更多精彩內容