Express框架Fetch通訊

最近自己弄個部落格站點，前台用的react，伺服器用的是node實現的，node是第一次接觸，所以還在摸索，這篇mark下通訊時遇到的坑。

fetch配置：

1 window.fetchutility = function
(options, errorfun) ,7//
headers: ,
11 cache: 'no-store',
12 body:`username=$&password=$`
13};
14if (request.method.tolowercase() === "get") 
17return
fetch(options.url, request)
18 .then(function
(response) 
23else;31
});32
}33 } else
else
if (response.status == 409) );
39throw
new error("simulation");40}
41else
45else48}
49}50 }).then(function
(fetchresult) ;
5354
var queryresult = null;55
56try
60if (fetchresult.isparsejson &&fetchresult.responsestring) else68}
69 } else72}
73catch
(ex) 
76return
queryresult;
77});
78 };

get通訊使用：

1
retrieve()`,
4 method:'get'5}
6 fetchutility(option).then(res=>).catch(e=>)
11 }

express接受引數形式：

post通訊：

postrequest() 
};let option =
fetchutility(option).then(res =>).
catch(e =>)
}

因為除錯過程中express中接受引數時一直接收不到，所以mark下(node小白，正在努力ヾ(◍°∇°◍)ﾉﾞ)

問題原因：

對node的不熟悉，以及對fetch的不精通。

前後臺通訊資料傳遞最基本的結構：

header定義傳送、接受的**型別

請求方式post、get等等

body引數結構

以上三點是最基本的引數，然而我一直在糾結是不是還有什麼配置錯誤，於是一直在這裡打轉轉。

問題根本原因是需要在node裡面使用body-parser來接受引數，這樣express才能解析通訊發過來的引數。

解決方法：

var bodyparser  = require('body-parser');
express();
true}))

總結：我應該好好看看node的文件。sorry~

Express框架介紹

npm提供了大量的第三方模組，其中不乏許多web框架，我們沒有必要重明輪子，因而選擇使用express作為開發框架，目前最穩定且唯一乙個web開發框架。提供更高層的介面外，還實現了許多功能，如下路由控制模版解析支援動態檢視使用者會話 csrf保護靜態檔案服務錯誤控制器訪問日誌快取外...

Express框架基礎

npm install express 1.建立服務 var express require express 2.監聽 server.listsen 8080 3.處理請求 server.use 位址 function req,res var express require express var ...

Express 框架應用

1.安裝並載入express模組 npm install express glet express require express express 相當於http.createserver module2.編寫響應和繫結埠號在express框架下，不再需要更改響應頭，其具有自動識別並更改響應頭的能...

Express框架Fetch通訊

Express框架介紹

Express框架基礎

Express 框架應用

相關推薦