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