💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
[TOC] #### Vue 利用 NodeJS 代理后端请求 * [ ] 先看看QQ音乐官方的请求链接参数 ![](https://box.kancloud.cn/307c3c48bbcdf70ffe8381ab89a283a2_492x302.png) ![](https://box.kancloud.cn/7f2bf0601f479a592ca6fcf41684c14e_656x407.png) * [ ] 利用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) }) } ~~~ * [ ] 可以看到请求成功 ![](https://box.kancloud.cn/34f3b42cac67a2a31fae6e7b020c4deb_646x207.png)