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

Jason 发布于2019-08-23 11:26 / 2237人阅读

摘要：解决不能匹配请求的问题的只能匹配请求，在本地做本地数据的时候会很不方便。可以使用如下两种办法解决在配置文件中的字段加入解决没响应的问题重定向到对应路径以后的版本需要改成在里找到中，在这个函数中，大约行左右的地方加入如下代码。

解决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}" <- <- 老铁，这个接口你还没写。`);
  }
});

GPU云服务器云服务器 ajax的post请求不能忽视的问题 post请求 js请求数据遇到的问题吗

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96971.html

vue开发看这篇文章就够了

摘要：注意此处获取的数据是更新后的数据，但是获取页面中的元素是更新之前的钩子函数说明组件已经更新，所以你现在可以执行依赖于的操作。钩子函数说明实例销毁 Vue -渐进式JavaScript框架介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？ Library 库，本质上是一...

fsmStudy 2019-08-21 18:37 评论0 收藏0
借用workbox实现离线缓存应用

摘要：已经得到越来越多的浏览器的支持，包括苹果腾讯的内核。苹果从开始，已经开始支持了。针对各种应用场景的多种缓存策略。在无网络环境的情况，也可以做到离线缓存的效果，极大地提升页面的用户体验。什么是workbox，workbox有什么用途，为什么要使用它？在介绍workbox之前，我们来先大致了解一下service worker，有助于我们后面更好地去理解workbox。一. servic...

villainhr 2019-08-23 16:57 评论0 收藏0
Loader 入门【Webpack Book 翻译】

摘要：把他设置为以在其他之前或之后进行处理。基于布尔值的字段可用于进一步进行约束不匹配给定条件参见表示接受的值。同时匹配一系列条件。将此添加到你的配置即可检查其中的数据流，而不必在中插入。原文链接：https://survivejs.com/webpack...翻译计划：https://segmentfault.com/a/11...附言：因为发现书中一些内容单独放出来会比较尴尬，所以会跳...

yeyan1996 2019-08-26 12:17 评论0 收藏0
Vue学习笔记

摘要：如果全部钩子执行完了，则导航的状态就是确认的。中断当前的导航。如果浏览器的改变了可能是用户手动或者浏览器后退按钮，那么地址会重置到或者跳转到一个不同的地址。 githubhttps://github.com/cd-dongzi/vue-example 1. 解决css背景图片打包路径错误的问题在utils.js 文件中找到 generateLoaders 方法把以下代码进行更...

gecko23 2019-08-21 17:27 评论0 收藏0
javascript知识点

摘要：握手过程中使用了的标志和。接收端收到后，回传一个带有标志的数据包以示传达确认信息。第四次挥手主动关闭方收到后，发送一个给被动关闭方，确认序号为收到序号，至此，完成四次挥手。其次，通过使和系统绑定来降低泄露后的危险。一些开放性题目 1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。 2.项目介绍 3.如何看待前端开发？ 4.平时是如何学习前端开发的？ 5....

zhangxiangliang 2019-08-20 14:21 评论0 收藏0