2022-03-12 使用Express寫接口1

路由模塊示例败许,及引用:

image.png

編寫GET接口

const express = require('express');
const router= express.Router();

router.get("/get",(req,res)=>{
  // 通過(guò) req.query 獲取客戶端通過(guò)查詢字符串,發(fā)送到服務(wù)器的數(shù)據(jù)
  const query = req.query;
  res.send({
      status:0,
      msg:'get 請(qǐng)求成功',
      data:query
  });
})

編寫POST接口

const express = require("express");
const router = express.Router();
router.post((req,res)=>{
   // 通過(guò) req.body 獲取請(qǐng)求體中包含的 url-encoded 格式的數(shù)據(jù)
  const body = req.body
    res.send({
        status:0,
        msg:"成功",
        data:body
    })
});
image.png

2使用 cors 中間件解決跨域問(wèn)題

cors 是 Express 的一個(gè)第三方中間件砰嘁。通過(guò)安裝和配置 cors 中間件件炉,可以很方便地解決跨域問(wèn)題。
使用步驟分為如下 3 步:
① 運(yùn)行 npm install cors 安裝中間件
② 使用 const cors = require('cors') 導(dǎo)入中間件
③ 在路由之前調(diào)用 app.use(cors()) 配置中間件

3 3. 什么是 CORS

CORS (Cross-Origin Resource Sharing矮湘,跨域資源共享)由一系列 HTTP 響應(yīng)頭組成斟冕,這些 HTTP 響應(yīng)頭決定
瀏覽器是否阻止前端 JS 代碼跨域獲取資源。
瀏覽器的同源安全策略默認(rèn)會(huì)阻止網(wǎng)頁(yè)“跨域”獲取資源缅阳。但如果接口服務(wù)器配置了 CORS 相關(guān)的 HTTP 響應(yīng)頭磕蛇,
就可以解除瀏覽器端的跨域訪問(wèn)限制

3.4 跨域cors相關(guān)的三個(gè)響應(yīng)頭

1 CORS 響應(yīng)頭部 - Access-Control-Allow-Origin
響應(yīng)頭部中可以攜帶一個(gè) Access-Control-Allow-Origin 字段,其語(yǔ)法如下:

Access-Control-Allow-Origin:<origin>|*
//例如,下面的字段值將只允許來(lái)自 http://itcast.cn 的請(qǐng)求:
res.setHeader("Access-Control-Allow-Origin","http://itcast.cn");
//如果指定了 Access-Control-Allow-Origin 字段的值為通配符 *秀撇,表示允許來(lái)自任何域的請(qǐng)求超棺,示例代碼如下:
res.setHeader("Access-Control-Allow-Origin","*");

2 CORS 響應(yīng)頭部 - Access-Control-Allow-Headers
默認(rèn)情況下,CORS 僅支持客戶端向服務(wù)器發(fā)送如下的 9 個(gè)請(qǐng)求頭:
Accept呵燕、Accept-Language棠绘、Content-Language、DPR虏等、Downlink弄唧、Save-Data、Viewport-Width霍衫、Width 、
Content-Type (值僅限于 text/plain侯养、multipart/form-data敦跌、application/x-www-form-urlencoded 三者之一)

如果客戶端向服務(wù)器發(fā)送了額外的請(qǐng)求頭信息,則需要在服務(wù)器端逛揩,通過(guò) Access-Control-Allow-Headers 對(duì)額外
的請(qǐng)求頭進(jìn)行聲明柠傍,否則這次請(qǐng)求會(huì)失敗辩稽!

// 允許客戶端額外向服務(wù)器發(fā)送:content-type,X-Custom-Header請(qǐng)求頭
// 注意:多個(gè)請(qǐng)求頭用逗號(hào)分開(kāi)
res.setHeader("Access-Control-Allow-Headers","content-type,X-Custom-Header");

3 CORS 響應(yīng)頭部 - Access-Control-Allow-Methods

默認(rèn)情況下惧笛,CORS 僅支持客戶端發(fā)起 GET、POST逞泄、HEAD 請(qǐng)求患整。
如果客戶端希望通過(guò) PUT、DELETE 等方式請(qǐng)求服務(wù)器的資源喷众,則需要在服務(wù)器端各谚,通過(guò) Access-Control-Alow-Methods
來(lái)指明實(shí)際請(qǐng)求所允許使用的 HTTP 方法。

// 只允許post get head delete方法
res.setHeader("Access-Control-Allow-Methods",'POST,GET,HEAD,DELETE')
// 允許所有的http請(qǐng)求
res.setHeader("Access-Control-Allow-Methods",'*')
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末到千,一起剝皮案震驚了整個(gè)濱河市昌渤,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌憔四,老刑警劉巖膀息,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異了赵,居然都是意外死亡潜支,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門斟览,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)毁腿,“玉大人,你說(shuō)我怎么就攤上這事∫芽荆” “怎么了鸠窗?”我有些...
    開(kāi)封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)胯究。 經(jīng)常有香客問(wèn)我稍计,道長(zhǎng),這世上最難降的妖魔是什么裕循? 我笑而不...
    開(kāi)封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任臣嚣,我火速辦了婚禮,結(jié)果婚禮上剥哑,老公的妹妹穿的比我還像新娘硅则。我一直安慰自己,他們只是感情好株婴,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布怎虫。 她就那樣靜靜地躺著,像睡著了一般困介。 火紅的嫁衣襯著肌膚如雪大审。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天座哩,我揣著相機(jī)與錄音徒扶,去河邊找鬼。 笑死根穷,一個(gè)胖子當(dāng)著我的面吹牛姜骡,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播缠诅,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼溶浴,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了管引?” 一聲冷哼從身側(cè)響起士败,我...
    開(kāi)封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎褥伴,沒(méi)想到半個(gè)月后谅将,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡重慢,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年饥臂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片似踱。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡隅熙,死狀恐怖稽煤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情囚戚,我是刑警寧澤酵熙,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站驰坊,受9級(jí)特大地震影響匾二,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拳芙,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一察藐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧舟扎,春花似錦分飞、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至邦泄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間裂垦,已是汗流浹背顺囊。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蕉拢,地道東北人特碳。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像晕换,于是被迫代替她去往敵國(guó)和親午乓。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容