上篇提到升级@vue/cli 5.0.1后,发现webpack 是v5,之前配置devServer.after异常
于是认真看了一下文档,webpack-v5文档
v5的devServer去掉了get和after,添加了setupMiddlewares(功能一样),具体其他配置请到官网自行查看
在vue.config.js
module.exports = {
// ...
devServer: {
//after: mockServer(), //v4
setupMiddlewares: (middlewares, devServer) => {
if (!devServer) {
throw new Error('webpack-dev-server is not defined');
}
mockServer(devServer.app)
return middlewares;
},
},
};