解决webpack dev-server不能匹配post请求的问题
2018-08-24 14:51
866 查看
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}' <- <- 老铁,这个接口你还没写。`); } });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 解决 webpack-dev-server 不能自动刷新的问题
- 详解webpack-dev-server使用http-proxy解决跨域问题
- webpack-dev-server不能自动刷新问题
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- 使用webpack-dev-server设置反向代理解决前端跨域问题
- webpack和webpack-dev-server安装配置(遇到各种问题的解决方法)
- webpack-dev-server 设置反向代理解决跨域问题
- 解决webpack-dev-server对图片缓存的问题
- 详解webpack-dev-server 设置反向代理解决跨域问题
- webpack-dev-server不能自动刷新问题
- webpack-dev-server搭配react-router找不到资源文件的问题解决
- 六:webpack-dev-server 设置反向代理解决跨域问题
- webpack-dev-server的模拟请求响应
- 解决问题:在使用springmvc的web.xml配置乱码拦截器之后接收的get或者post请求中文还是乱码
- python使用web.py开发httpserver,解决post请求跨域问题
- vue.js 配置webpack-dev-server 的错误解决方法
- Webpack devServer中的 proxy 实现跨域的解决
- 解决vue-cli不能初始化webpack模板的问题
- webpack dev server 无法通过ip访问问题
- 解决vue-cli不能初始化webpack模板的问题