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

 更新时间:2018年08月24日 14:51:47   作者:Zhuyi731  
这篇文章主要介绍了解决webpack不能匹配post请求的问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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}' <- <- 老铁,这个接口你还没写。`);
 }
});

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

相关文章

  • 前端使用xlsx导出数据生成Excel文件的全过程

    前端使用xlsx导出数据生成Excel文件的全过程

    这篇文章主要给大家介绍了关于前端使用xlsx导出数据生成Excel文件的相关资料,最近在做项目中,后端偷懒不做导出功能,让我前端实现,所以在这里记录下前端导出功能,需要的朋友可以参考下
    2023-08-08
  • js中document.write和document.writeln的区别

    js中document.write和document.writeln的区别

    这篇文章主要介绍了js中document.write和document.writeln的区别,需要的朋友可以参考下
    2018-03-03
  • webpack loader使用的安装配置

    webpack loader使用的安装配置

    这篇文章主要为大家介绍了webpack loader使用的安装配置详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • Object.keys方法实例详解

    Object.keys方法实例详解

    这篇文章主要介绍了Object.keys方法实例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-09-09
  • 判断在css加载完毕后执行后续代码示例

    判断在css加载完毕后执行后续代码示例

    这篇文章主要介绍了在css加载完毕后执行后续代码的方法,需要的朋友可以参考下
    2014-09-09
  • JavaScript判断一个变量是否是数组的五种方式总结

    JavaScript判断一个变量是否是数组的五种方式总结

    在 JavaScript 编程中,我们经常需要对不同类型的变量进行判断和处理,其中,判断一个变量是否是数组是一项基本且常见的任务,在本篇博客中,我们将介绍几种常用的方式来判断一个变量是否是数组,并探讨它们的优缺点以及适用场景,需要的朋友可以参考下
    2023-11-11
  • 基于Taro的微信小程序模板消息-获取formId功能模块封装实践

    基于Taro的微信小程序模板消息-获取formId功能模块封装实践

    这篇文章主要介绍了基于Taro的微信小程序模板消息-获取formId功能模块封装实践,小程序提供了一种能力-模板消息,基于微信的通知渠道,我们为开发者提供了可以高效触达用户的模板消息能力,以便实现服务的闭环并提供更佳的体验,需要的朋友可以参考下
    2019-07-07
  • JS判断是否360安全浏览器极速内核的方法

    JS判断是否360安全浏览器极速内核的方法

    这篇文章主要介绍了JS判断是否360安全浏览器极速内核的方法,对比分析了360安全浏览器极速内核与其他主流浏览器内核的区别及对应的判断技巧,需要的朋友可以参考下
    2015-01-01
  • 浅谈MUI框架中加载外部网页或服务器数据的方法

    浅谈MUI框架中加载外部网页或服务器数据的方法

    下面小编就为大家分享一篇浅谈MUI框架中加载外部网页或服务器数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • Require.JS中的几种define定义方式示例

    Require.JS中的几种define定义方式示例

    这篇文章主要给大家介绍了关于Require.JS中几种define定义方式的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-06-06

最新评论