vue-cli升级到最新版本没有dev-server和dev-client之后
作者：
秒速五厘米
文章简介：
vue-cli升级到最新版本没有dev-server和dev-client之后
vue-cli升级到2.9.1之后，把webpack升级到了v3.6.0，里边去掉了dev-server和dev-client两个文件。
现在再对接借口设置不能再使用dev-server了，改在webpack.dev.conf.js里进行配置。我也是借鉴了网上的文章，然后加上自己的理解写出这篇文章。参考文章http://blog.csdn.net/qq_24563905/article/details/78567652
好了，下面说我的，我直接贴代码，不啰嗦。
以下代码全部在webpack.dev.conf.js里进行配置
一、引包
const axios = require('axios');
const express = require('express');
const apiRoutes = express.Router();二、配置
const devWebpackConfig = merge(baseWebpackConfig, {
module: {
rules: utils.styleLoaders({sourceMap: config.dev.cssSourceMap, usePostCSS: true})
},
// cheap-module-eval-source-map is faster for development
devtool: config.dev.devtool,
// these devServer options should be customized in /config/index.js
devServer:{
//在这里添加一个before方法
before(apiRoutes){
apiRoutes.get('/api/getDiscList',(req,res)=>{
const url = '这里是要链接的api地址';
axios.get(url, {
headers: {
referer: '配置api地址referer',
host: '配置api地址host'
},
params: req.query //这是请求的query
}).then((response) => {
//response是api地址返回的，数据在data里。
res.json(response.data)
}).catch((e) => {
console.log(e);
})
});
// app.use('/api', apiRoutes);
}
}
---------------------
https://blog.csdn.net/weixin_40087142/article/details/78628152这样就可以实现后台数据模拟，注意上面的依赖开发工具是否下载。