vue 没有再dev-servers.js情况下，在webpack.dev.conf.js模拟数据

本文链接：https://blog.csdn.net/qq_36947128/article/details/79221534

最近学习一个vue音乐APP项目，视频中有dev-server.js，我下载的最新版webpack中已经舍弃此JS了，因此需要在webpack.dev.conf.js中模拟。

1.下载axios(npm install axios).并且在webpack.dev.conf.js中写下面的代码

/*模拟后台数据*/
const axios = require('axios')
const express = require('express')
const app = express()
const apiRoutes = express.Router()
app.use('/api', apiRoutes)
/*模拟后台数据*/

2.在webpack.dev.conf.js中找到devServer。在此对象中放入你要请求的数据。例如

before(app){
      app.get("/getSongList",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(error => {
          console.log(error)
        })
      })

    }

其中，要使用before(app){}这个方法包裹你请求的数据，就可以成功的在webpack.dev.conf.js里面模拟后台数据了

、