解决webpack dev-server不能匹配post请求的问题

webpack的dev-server只能匹配get请求,在本地做本地数据的时候会很不方便。

可以使用如下两种办法解决

1.在webpack.config.js配置文件中的devServer字段加入

{ //解决post没响应的问题 app.post('/goform/**',function(req,res) { res.redirect(req.originalUrl); //重定向到对应路径 }); } }

@webpack3.0以后的版本setup需要改成before

2.在node_modules里找到webpack-dev-server/lib/server.js中,在Server这个函数中,大约100行左右的地方加入如下代码。来拦截post请求。当然,路径要自己写,也可以写成上面那样。

{ res.setHeader('Content-Type','text/plain;charset=UTF-8'); let filename = path.join(__dirname,'..',`public/${req.originalUrl}.txt`);

fs.exists(filename,exists => {
if(exists) {
fs.createReadStream(path.join(__dirname,public/${req.originalUrl}.txt)).pipe(res);
}else {
res.end(${req.originalUrl}' <- <- 老铁,这个接口你还没写。);
}
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...