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


Posted in Javascript onAugust 24, 2018

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

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

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

devServe:{
  setup: (app) => {  //解决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请求。当然,路径要自己写,也可以写成上面那样。

app.post('/goform/*', (req, res) => {
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}' <- <- 老铁,这个接口你还没写。`);
 }
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
判断JS对象是否拥有某种属性的两种方式
Dec 02 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
jQuery实现行文字链接提示效果的方法
Mar 10 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
通过示例彻底搞懂js闭包
Aug 10 Javascript
vue生成随机验证码的示例代码
Sep 29 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
JavaScript 日期时间选择器一些小结
Apr 02 Javascript
vue实现的网易云音乐在线播放和下载功能案例
Feb 18 Javascript
webpack常用配置总览(小结)
Nov 18 Javascript
Vant 在vue-cli 4.x中按需加载操作
Nov 05 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 #Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 #Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 #Javascript
vue操作下拉选择器获取选择的数据的id方法
Aug 24 #Javascript
浅谈Vue组件及组件的注册方法
Aug 24 #Javascript
JavaScript中this关键字用法实例分析
Aug 24 #Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
Aug 24 #Javascript
You might like
天津市收音机工业发展史
2021/03/04 无线电
php抽奖概率算法(刮刮卡,大转盘)
2020/04/17 PHP
PHP数组内存利用率低和弱类型详细解读
2017/08/10 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
js onpropertychange输入框 事件获取属性
2009/03/26 Javascript
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
深入剖析JavaScript中的枚举功能
2014/03/06 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
node.js实现微信JS-API封装接口的示例代码
2017/09/06 Javascript
Nodejs连接mysql并实现增、删、改、查操作的方法详解
2018/01/04 NodeJs
tangram.js库实现js类的方式实例分析
2018/01/06 Javascript
js获取浏览器地址(获取第1个斜杠后的内容)
2019/09/03 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
python:接口间数据传递与调用方法
2018/12/17 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
python opencv 二值化 计算白色像素点的实例
2019/07/03 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
2019年.net常见面试问题
2012/02/12 面试题
乡镇办公室工作决心书
2014/03/11 职场文书
年检委托书
2014/08/30 职场文书
关于召开会议的通知
2015/04/15 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
《静夜思》教学反思
2016/02/17 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL