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