vue webapp之music（六）利用axios与后端接口代理请求歌单推荐数据

1.慕课网视屏是很早之前录制的，所以与现在build目录有所不同。

以下是自己总结的

在webpack.dev.conf.js搭建服务器

const express = require('express')
const app = express()
const apiRoutes = express.Router() //后端路由
app.use('/api', apiRoutes)

在devServer中添加

before(app) {
      // 后端代理
      app.get('/api/getDiscList', function (req,res) {
        var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.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)
        })
      })
    },

2.安装axios

cnpm install axios --save

3.修改前端的请求方式为ajax并且导入axios