解决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 相关文章推荐
用jquery统计子菜单的条数示例代码
Oct 18 Javascript
firefox下jquery ajax返回object XMLDocument处理方法
Jan 26 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
JavaScript基础篇(6)之函数表达式闭包
Dec 11 Javascript
jquery mobile 移动web(5)
Dec 20 Javascript
Angularjs 动态改变title标题(兼容ios)
Dec 29 Javascript
Angular X中使用ngrx的方法详解(附源码)
Jul 10 Javascript
微信小程序自动客服功能
Nov 02 Javascript
AngularJS ui-router刷新子页面路由的方法
Jul 23 Javascript
vue视图不更新情况详解
May 16 Javascript
详解Vue slot插槽
Nov 20 Vue.js
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
5.PHP的其他功能
2006/10/09 PHP
CentOS 6.3下安装PHP xcache扩展模块笔记
2014/09/10 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
jquery $(this).attr $(this).val方法使用介绍
2013/10/08 Javascript
js键盘上下左右键怎么触发function(实例讲解)
2013/12/14 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
jquery实现的V字形显示效果代码
2015/10/27 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
js定时器实例分享
2016/12/20 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
Angular4学习笔记之实现绑定和分包
2017/08/01 Javascript
使用Vue自定义指令实现Select组件
2018/05/24 Javascript
vue-router 源码实现前端路由的两种方式
2018/07/02 Javascript
小程序清理本地缓存的方法
2018/08/17 Javascript
jQuery实现为动态添加的元素绑定事件实例分析
2018/09/07 jQuery
[04:09]2014DOTA2国际邀请赛Ti西雅图 历届冠军相继出局 BBC综述今日比赛
2014/07/20 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
python安装以及IDE的配置教程
2015/04/29 Python
关于Django外键赋值问题详解
2017/08/13 Python
详解Anconda环境下载python包的教程(图形界面+命令行+pycharm安装)
2019/11/11 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
学校食堂采购员岗位职责
2013/12/05 职场文书
2014领导干部四风问题查摆思想汇报
2014/09/13 职场文书
明星邀请函
2015/02/02 职场文书
科技馆观后感
2015/06/08 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
学习心理学心得体会
2016/01/22 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
详解Python函数print用法
2021/06/18 Python