vue+webpack绕过QQ音乐接口对host的验证

最近用vue+webpack做了一个web移动端的音乐播放器使用的QQ音乐的接口,但是接口对host有验证,然后产生以上问题

解决方案:

进入到bilud->webpack.dev.conf.js

vue+webpack绕过QQ音乐接口对host的验证_第1张图片

安装axios,并且在上述文件中引入

var axios = require('axios')

vue+webpack绕过QQ音乐接口对host的验证_第2张图片

找到devServer然后在里面添加

before(app) {
  app.get('/api/getList', function (req, res) {
    var url = 'https://c.y.qq.com/qzone/fcg-bin/fcg_ucc_getcdinfo_byids_cp.fcg'
    axios.get(url, {
      headers: {
        referer: 'https://c.y.qq.com/',
        host: 'c.y.qq.com'
      },
      params: req.query
    }).then((response) => {
      res.json(response.data)
    }).catch((e) => {
      console.log(e)
    })
  })
}


然后前端请求这个接口即可/api/getList

你可能感兴趣的:(vue)