<del id="skcou"></del>

解決webpack不能匹配post請(qǐng)求的問題

Jason 發(fā)布于2019-08-23 11:26 / 2246人閱讀

摘要：解決不能匹配請(qǐng)求的問題的只能匹配請(qǐng)求，在本地做本地?cái)?shù)據(jù)的時(shí)候會(huì)很不方便?？梢允褂萌缦聝煞N辦法解決在配置文件中的字段加入解決沒響應(yīng)的問題重定向到對(duì)應(yīng)路徑以后的版本需要改成在里找到中，在這個(gè)函數(shù)中，大約行左右的地方加入如下代碼。

解決webpack不能匹配post請(qǐng)求的問題

webpack的dev-server只能匹配get請(qǐng)求，在本地做本地?cái)?shù)據(jù)的時(shí)候會(huì)很不方便。
可以使用如下兩種辦法解決：

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

    
devServe:{
    setup: (app) => {    //解決post沒響應(yīng)的問題
             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行左右的地方加入如下代碼。來攔截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è)接口你還沒寫。`);
  }
});

GPU云服務(wù)器云服務(wù)器 ajax的post請(qǐng)求不能忽視的問題 post請(qǐng)求 js請(qǐng)求數(shù)據(jù)遇到的問題嗎

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/96971.html

相關(guān)文章

vue開發(fā)看這篇文章就夠了

摘要：注意此處獲取的數(shù)據(jù)是更新后的數(shù)據(jù)，但是獲取頁面中的元素是更新之前的鉤子函數(shù)說明組件已經(jīng)更新，所以你現(xiàn)在可以執(zhí)行依賴于的操作。鉤子函數(shù)說明實(shí)例銷毀 Vue -漸進(jìn)式JavaScript框架介紹 vue 中文網(wǎng) vue github Vue.js 是一套構(gòu)建用戶界面(UI)的漸進(jìn)式JavaScript框架庫和框架的區(qū)別我們所說的前端框架與庫的區(qū)別？ Library 庫，本質(zhì)上是一...

fsmStudy 2019-08-21 18:37 評(píng)論0 收藏0
借用workbox實(shí)現(xiàn)離線緩存應(yīng)用

摘要：已經(jīng)得到越來越多的瀏覽器的支持，包括蘋果騰訊的內(nèi)核。蘋果從開始，已經(jīng)開始支持了。針對(duì)各種應(yīng)用場(chǎng)景的多種緩存策略。在無網(wǎng)絡(luò)環(huán)境的情況，也可以做到離線緩存的效果，極大地提升頁面的用戶體驗(yàn)。什么是workbox，workbox有什么用途，為什么要使用它？在介紹workbox之前，我們來先大致了解一下service worker，有助于我們后面更好地去理解workbox。一. servic...

villainhr 2019-08-23 16:57 評(píng)論0 收藏0
Loader 入門【Webpack Book 翻譯】

摘要：把他設(shè)置為以在其他之前或之后進(jìn)行處理?；诓紶栔档淖侄慰捎糜谶M(jìn)一步進(jìn)行約束不匹配給定條件參見表示接受的值。同時(shí)匹配一系列條件。將此添加到你的配置即可檢查其中的數(shù)據(jù)流，而不必在中插入。原文鏈接：https://survivejs.com/webpack...翻譯計(jì)劃：https://segmentfault.com/a/11...附言：因?yàn)榘l(fā)現(xiàn)書中一些內(nèi)容單獨(dú)放出來會(huì)比較尷尬，所以會(huì)跳...

yeyan1996 2019-08-26 12:17 評(píng)論0 收藏0
Vue學(xué)習(xí)筆記

摘要：如果全部鉤子執(zhí)行完了，則導(dǎo)航的狀態(tài)就是確認(rèn)的。中斷當(dāng)前的導(dǎo)航。如果瀏覽器的改變了可能是用戶手動(dòng)或者瀏覽器后退按鈕，那么地址會(huì)重置到或者跳轉(zhuǎn)到一個(gè)不同的地址。 githubhttps://github.com/cd-dongzi/vue-example 1. 解決css背景圖片打包路徑錯(cuò)誤的問題在utils.js 文件中找到 generateLoaders 方法把以下代碼進(jìn)行更...

gecko23 2019-08-21 17:27 評(píng)論0 收藏0
javascript知識(shí)點(diǎn)

摘要：握手過程中使用了的標(biāo)志和。接收端收到后，回傳一個(gè)帶有標(biāo)志的數(shù)據(jù)包以示傳達(dá)確認(rèn)信息。第四次揮手主動(dòng)關(guān)閉方收到后，發(fā)送一個(gè)給被動(dòng)關(guān)閉方，確認(rèn)序號(hào)為收到序號(hào)，至此，完成四次揮手。其次，通過使和系統(tǒng)綁定來降低泄露后的危險(xiǎn)。一些開放性題目 1.自我介紹：除了基本個(gè)人信息以外，面試官更想聽的是你與眾不同的地方和你的優(yōu)勢(shì)。 2.項(xiàng)目介紹 3.如何看待前端開發(fā)？ 4.平時(shí)是如何學(xué)習(xí)前端開發(fā)的？ 5....

zhangxiangliang 2019-08-20 14:21 評(píng)論0 收藏0