解決webpack dev-server不能匹配post請(qǐng)求的問(wèn)題

發(fā)布時(shí)間：2020-09-14 13:05:21 來(lái)源：腳本之家閱讀：340 作者：Zhuyi731 欄目：web開(kāi)發(fā)

webpack的dev-server只能匹配get請(qǐng)求，在本地做本地?cái)?shù)據(jù)的時(shí)候會(huì)很不方便。

可以使用如下兩種辦法解決：

1.在webpack.config.js配置文件中的devServer字段加入

devServe:{
  setup: (app) => {  //解決post沒(méi)響應(yīng)的問(wèn)題
       app.post('/goform/**', function(req, res) {
       res.redirect(req.originalUrl); //重定向到對(duì)應(yīng)路徑
    });
  }
}

@webpack3.0以后的版本setup需要改成before

2.在node_modules里找到webpack-dev-server/lib/server.js中，在Server這個(gè)函數(shù)中，大約100行左右的地方加入如下代碼。來(lái)攔截post請(qǐng)求。當(dāng)然，路徑要自己寫(xiě),也可以寫(xiě)成上面那樣。

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}' <- <- 老鐵，這個(gè)接口你還沒(méi)寫(xiě)。`);
 }
});

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

解決webpack dev-server不能匹配post請(qǐng)求的問(wèn)題

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽