解决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 相关文章推荐
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 Javascript
SeaJS入门教程系列之使用SeaJS(二)
Mar 03 Javascript
jQuery 获取兄弟元素的几种不错方法
May 23 Javascript
JavaScript中的方法调用详细介绍
Dec 30 Javascript
jquery渐隐渐显的图片幻灯闪烁切换实现方法
Feb 26 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
原生javascript实现的全屏滚动功能示例
Sep 19 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
Vue实现手机扫描二维码预览页面效果
May 28 Javascript
vue实现简单跑马灯效果
May 25 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
php join函数应用
2011/05/04 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
php检测文件编码的方法示例
2014/04/25 PHP
PHP操作MySQL事务实例
2014/11/05 PHP
php基础教程
2015/08/26 PHP
PHP函数积累总结
2019/03/19 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
laravel框架如何设置公共头和公共尾
2019/10/22 PHP
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
ASP中用Join和Array,可以加快字符连接速度的代码
2007/08/22 Javascript
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
JavaScript打印iframe内容示例代码
2013/08/20 Javascript
javascript设计模式之对象工厂函数与构造函数详解
2015/07/30 Javascript
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
2018/08/30 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
2018/09/14 Javascript
在Vuex使用dispatch和commit来调用mutations的区别详解
2018/09/18 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
2019/04/23 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
微信小程序实现消息框弹出动画
2020/04/18 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
详解Webpack抽离第三方类库以及common解决方案
2020/03/30 Javascript
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
Python的CGIHTTPServer交互实现详解
2018/02/08 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
python实现的登录与提交表单数据功能示例
2019/09/25 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
pycharm 激活码及使用方式的详细教程
2020/05/12 Python
python飞机大战游戏实例讲解
2020/12/04 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
春季运动会开幕词
2015/01/28 职场文书
nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)
2022/02/12 Servers
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js