QQ音樂推薦歌單API報錯 invalid referer

概述

準備經過vue全家桶仿製一個QQ音樂播放器，絕大多數根據網上抓取下來的API都是沒有問題的。
在獲取推薦歌單API的時候，發現接口總是返回 invalid referer，下面咱們來看看這個提示究竟是什麼鬼。

Referer

HTTP Referer是header的一部分,當瀏覽器向web服務器發送請求的時候，通常會帶Referer，告訴服務器我是從哪一個頁面連接過來的，服務器基此能夠得到一些信息用於處理。通俗的講就是服務端辨識請求端的一個憑證，能夠經過據此作一些請求限制。Referer其實應該是英文單詞Referrer，最初拼寫錯了，以後你們也就都用着這個錯誤的寫法了。查看MDN對referer解釋。

返回 invalid referer

服務端識別到請求端並非在本身的域名下發起的請求，給定了返回提示 「這是我本身的接口，大家是訪問不到的」。咱們怎麼去繞過referer監測，或者說怎麼僞造一個referer去躲過服務端這個限制呢。

解決方案

1. 方案一
經過node跟axios設置referer
vue-cli 項目下找到build文件夾下的webpack.dev.conf.js文件，導入express跟axios。

在`devServer`最後加上`before`函數。

2. 方案二
經過webpack反向代理proxyTable裏面的bypass對請求頭進行修改