Node處理http跨域請(qǐng)求

HtmlCssJs 發(fā)布于2019-08-19 18:16 / 1057人閱讀

摘要：由于項(xiàng)目需要，我用寫的后臺(tái)需要處理跨域請(qǐng)求，解決方式如下讓請(qǐng)求快速返回其實(shí)原理就是在返回頭里加入允許跨域訪問(wèn)的返回頭參數(shù)，是允許的域是允許的類型是允許的請(qǐng)求方法這三項(xiàng)都可以設(shè)置為表示接受任意類型的請(qǐng)求

由于項(xiàng)目需要，我用Node寫的后臺(tái)需要處理http跨域請(qǐng)求，解決方式如下：

app.all("*", function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Content-Type,Content-Length, Authorization, Accept,X-Requested-With");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    if(req.method=="OPTIONS") res.send(200);/*讓options請(qǐng)求快速返回*/
    else  next();
});

其實(shí)原理就是在返回頭里加入允許跨域訪問(wèn)的返回頭參數(shù)，

1是Access-Control-Allow-Origin 允許的域
2是Access-Control-Allow-Headers 允許的header類型
3是Access-Control-Allow-Methods 允許的請(qǐng)求方法

這三項(xiàng)都可以設(shè)置為"*"表示接受任意類型的請(qǐng)求

云服務(wù)器 GPU云服務(wù)器跨域請(qǐng)求跨域請(qǐng)求方式 javascript跨域請(qǐng)求 jquery跨域請(qǐng)求

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

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

相關(guān)文章

前端跨域大總結(jié)

摘要：跨域正確的打開方式經(jīng)過(guò)對(duì)同源策略的了解，我們應(yīng)該要消除對(duì)瀏覽器的誤解，同源策略是瀏覽器做的一件好事，是用來(lái)防御來(lái)自邪門歪道的攻擊，但總不能為了不讓壞人進(jìn)門而把全部人都拒之門外吧。跨域這兩個(gè)字就像一塊狗皮膏藥一樣黏在每一個(gè)前端開發(fā)者身上，無(wú)論你在工作上或者面試中無(wú)可避免會(huì)遇到這個(gè)問(wèn)題。為了應(yīng)付面試，我每次都隨便背幾個(gè)方案，也不知道為什么要這樣干，反正面完就可以扔了，我想工作上也不會(huì)用到...

Wuv1Up 2019-08-23 13:57 評(píng)論0 收藏0
【跨域】跨域的簡(jiǎn)易實(shí)現(xiàn)和測(cè)試

摘要：前言由于自己平時(shí)只做做，并沒(méi)有遇到太多跨域問(wèn)題，今天通過(guò)幾個(gè)樣例模擬實(shí)現(xiàn)了幾種跨域方式。前言由于自己平時(shí)只做做demo，并沒(méi)有遇到太多跨域問(wèn)題，今天通過(guò)幾個(gè)樣例模擬實(shí)現(xiàn)了幾種跨域方式。原文地址傳送門本文所有樣例靜態(tài)服務(wù)器基于nodejs實(shí)現(xiàn)，代碼親測(cè)可用。測(cè)試步驟如下： 1.為了實(shí)現(xiàn)跨域訪問(wèn)的效果，需要下載http-server 作為一個(gè)服務(wù)器 npm install http...

ninefive 2019-08-22 11:07 評(píng)論0 收藏0
使用node.js請(qǐng)求接口及get請(qǐng)求跨域問(wèn)題

在自己的服務(wù)器上傳了一個(gè)json文件：http://47.75.195.199/NodeApi/...項(xiàng)目地址https://github.com/chunsenye/... test.json { a: hello!, b: this, c: is, d: my, e: first, f: api } 現(xiàn)在通過(guò)兩種方式請(qǐng)求它 1. 在node環(huán)境...

EscapedDog 2019-08-23 12:13 評(píng)論0 收藏0
關(guān)于跨域

摘要：服務(wù)端接收到請(qǐng)求后，通過(guò)該參數(shù)獲得回調(diào)函數(shù)名，并將數(shù)據(jù)放在參數(shù)中將其返回收到結(jié)果后因?yàn)槭菢?biāo)簽，所以瀏覽器會(huì)當(dāng)做是腳本進(jìn)行運(yùn)行，從而達(dá)到跨域獲取數(shù)據(jù)的目的。在使用Vue搭建的一個(gè)后端管理系統(tǒng)中，我使用axios請(qǐng)求本地的Node環(huán)境下的接口，但是請(qǐng)求失敗，然后我錯(cuò)誤信息是：showImg(https://segmentfault.com/img/remote/1460000018521...

AlexTuan 2019-08-23 15:56 評(píng)論0 收藏0
「跨域」利用node.js實(shí)踐前端各種跨域方式（下）

摘要：技術(shù)的學(xué)習(xí)也是如此唯有實(shí)踐才能更清楚的明白原理和加深印象，因此本文會(huì)利用對(duì)前端的各種跨域方式進(jìn)行實(shí)踐，強(qiáng)烈建議一步一步跟著做，相信你肯定會(huì)對(duì)跨域有更深層次的理解。前言常言道，讀萬(wàn)卷書，不如行萬(wàn)里路。技術(shù)的學(xué)習(xí)也是如此,唯有實(shí)踐才能更清楚的明白原理和加深印象，因此本文會(huì)利用node.js對(duì)前端的各種跨域方式進(jìn)行實(shí)踐，強(qiáng)烈建議一步一步跟著做，相信你肯定會(huì)對(duì)跨域有更深層次的理解。而由于篇...

Jenny_Tong 2019-08-22 18:02 評(píng)論0 收藏0