解決webpack dev-server不能匹配post請求的問題
更新時間：2018年08月24日 14:51:47 作者：Zhuyi731
這篇文章主要介紹了解決webpack不能匹配post請求的問題，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
webpack的dev-server只能匹配get請求，在本地做本地數(shù)據(jù)的時候會很不方便。
可以使用如下兩種辦法解決：
1.在webpack.config.js配置文件中的devServer字段加入
devServe:{
setup: (app) => { //解決post沒響應(yīng)的問題
app.post('/goform/**', function(req, res) {
res.redirect(req.originalUrl); //重定向到對應(yīng)路徑
});
}
}
@webpack3.0以后的版本setup需要改成before
2.在node_modules里找到webpack-dev-server/lib/server.js中，在Server這個函數(shù)中，大約100行左右的地方加入如下代碼。來攔截post請求。當(dāng)然，路徑要自己寫,也可以寫成上面那樣。
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}' <- <- 老鐵，這個接口你還沒寫。`);
}
});
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
前端html2canvas生成截圖實(shí)現(xiàn)步驟與踩坑記錄
這篇文章主要介紹了前端html2canvas生成截圖實(shí)現(xiàn)步驟與踩坑的相關(guān)資料,主要步驟包括使用html2canvas生成截圖以及處理圖片跨域和CSS樣式丟失問題,可選方案包括轉(zhuǎn)換圖片為base64編碼和使用domtoimage插件,需要的朋友可以參考下2024-09-09
JavaScript必知必會(三) String .的方法來自何方
這篇文章主要介紹了JavaScript必知必會(三) String .的方法來自何方的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06![從零開始用electron手?jǐn)]一個截屏工具的示例代碼](http://img.jbzj.com/images/xgimg/bcimg2.png)
從零開始用electron手?jǐn)]一個截屏工具的示例代碼
這篇文章主要介紹了從零開始用electron手?jǐn)]一個截屏工具的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了document.cookie 使用,主要包括cookie設(shè)置，修改cookie值及獲取cookie值的相關(guān)知識，本文給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了JavaScript中的DSL元編程介紹,本文講解了JavaScript元編程、JavaScript eval、JavaScript new Function()等內(nèi)容,需要的朋友可以參考下2015-03-03
原生JS實(shí)現(xiàn)圖片懶加載之頁面性能優(yōu)化
在項(xiàng)目開發(fā)中，我們往往會遇到一個頁面需要加載很多圖片的情況。這篇文章主要介紹了頁面性能優(yōu)化原生JS實(shí)現(xiàn)圖片懶加載 ,需要的朋友可以參考下2019-04-04
相信大家都知道圖表是數(shù)據(jù)圖形化的表示，通過形象的圖表來展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等?？梢暬瘓D表可以幫助開發(fā)者更容易理解復(fù)雜的數(shù)據(jù)，提高生產(chǎn)的效率和Web應(yīng)用和項(xiàng)目的可靠性?，F(xiàn)在就讓我們大家一起來學(xué)習(xí)用D3.js來實(shí)現(xiàn)餅圖的方法，有需要的可以參考借鑒。2016-09-09
這篇文章主要介紹了事件冒泡、事件捕獲和事件委托，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-07-07
眾所周知JavaScript中有多種方法可以合并對象,下面這篇文章主要給大家介紹了關(guān)于javaScript合并對象的多種方式及知識擴(kuò)展,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
javascript實(shí)現(xiàn)動態(tài)顯示顏色塊的報表效果
本文主要介紹了javascript實(shí)現(xiàn)動態(tài)顯示顏色塊的報表效果的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04