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

最近学习一个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里面模拟后台数据了

、