[TOC] #### Vue 利用 NodeJS 代理后端請求 * [ ] 先看看QQ音樂官方的請求鏈接參數   * [ ] 利用NodeJS 代理接口 ~~~ configureWebpack: { devServer: { before(app) { // mock 數據 app.get('/api/getHotList', (req, res) => { const url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg'; axios.get(url, { headers: { origin: 'https://y.qq.com', referer: 'https://y.qq.com/portal/playlist.html' }, params: req.query }).then(response => { res.json(response.data) }).catch(err => { console.log(err) }) }) } } } ~~~ >[danger] 注意：headers 我們設置和QQ音樂官方的一致 * [ ] 接下來，我們在本地請求/api/getHotList 我們自定義的接口 ~~~ // 熱門歌單數據 export function getHotList() { const url = '/api/getHotList'; const data = Object.assign({},{ picmid: 1, rnd: Math.random(), g_tk: 692763411, loginUin: 200980586, hostUin: 0, format: 'json', inCharset: 'utf8', outCharset: 'utf-8', notice: 0, platform: 'yqq.json', needNewCode: 0, categoryId: 10000000, sortId: 5, sin: 0, ein: 19 }); return axios(url, { params: data }).then(res => { return Promise.resolve(res.data) }) } ~~~ * [ ] 可以看到請求成功