摘要:背景后端使用并更改本地文件,起本地服務(wù)。使用調(diào)用后端接口,要求為格式,并要求在里加一些內(nèi)容。借用凝雨關(guān)于跨域踩坑經(jīng)驗(yàn)總結(jié)
背景
后端使用Nginx并更改本地host文件,起本地服務(wù)。將aaa.bbbb.com代理至本地IP地址(10.26.36.156)。
使用$.ajax調(diào)用后端restful接口,要求content-type為application/json格式,并要求在request headers里加一些內(nèi)容。
$.ajax({ headers : { "Accept": "application/json", "Content-Type": "application/json", "user-id":"123", "ghf-id": "456" }, url: "https://10.26.36.156/aaa/vds/dsg", type: "PATCH", data: JSON.stringify(data), dataType: "json", success: function (response) { }, error: function (msg) { } })現(xiàn)象
后端使用postman 可以訪問(wèn)成功
瀏覽器network抓請(qǐng)求,結(jié)果如下,但是代碼并沒(méi)有觸發(fā)后端的代碼斷點(diǎn)....
這是為什么呢?
因?yàn)閔ost文件的配置,騙過(guò)了瀏覽器,進(jìn)行了一次options請(qǐng)求,但是對(duì)于js引擎來(lái)說(shuō),這里的ip地址與瀏覽器的域名不同,所以出現(xiàn)了跨域,因此設(shè)置到了Access-Control-Request-Headers里面。
解決方案方案一:
不走IP(不寫絕對(duì)路徑),而是相對(duì)路徑
方案二:
將IP地址加入白名單(node js里面是如此,其他語(yǔ)音應(yīng)該也有相應(yīng)的)。
借用凝雨關(guān)于跨域踩坑經(jīng)驗(yàn)總結(jié)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/52991.html
摘要:背景后端使用并更改本地文件,起本地服務(wù)。使用調(diào)用后端接口,要求為格式,并要求在里加一些內(nèi)容。借用凝雨關(guān)于跨域踩坑經(jīng)驗(yàn)總結(jié) 背景 后端使用Nginx并更改本地host文件,起本地服務(wù)。將aaa.bbbb.com代理至本地IP地址(10.26.36.156)。使用$.ajax調(diào)用后端restful接口,要求content-type為application/json格式,并要求在reques...
摘要:背景后端使用并更改本地文件,起本地服務(wù)。使用調(diào)用后端接口,要求為格式,并要求在里加一些內(nèi)容。借用凝雨關(guān)于跨域踩坑經(jīng)驗(yàn)總結(jié) 背景 后端使用Nginx并更改本地host文件,起本地服務(wù)。將aaa.bbbb.com代理至本地IP地址(10.26.36.156)。使用$.ajax調(diào)用后端restful接口,要求content-type為application/json格式,并要求在reques...
摘要:這種情況通常發(fā)生在反向代理的時(shí)候,前端發(fā)起請(qǐng)求代理服務(wù)器,代理服務(wù)器發(fā)起請(qǐng)求到,這時(shí)候就容易導(dǎo)致域名不一致,請(qǐng)一定要注意這點(diǎn)。 寫在最前 前后端分離其實(shí)有兩類: 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個(gè)放入后端項(xiàng)目中。 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:這種情況通常發(fā)生在反向代理的時(shí)候,前端發(fā)起請(qǐng)求代理服務(wù)器,代理服務(wù)器發(fā)起請(qǐng)求到,這時(shí)候就容易導(dǎo)致域名不一致,請(qǐng)一定要注意這點(diǎn)。 寫在最前 前后端分離其實(shí)有兩類: 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個(gè)放入后端項(xiàng)目中。 開(kāi)發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
閱讀 3206·2021-11-19 09:40
閱讀 3005·2021-09-09 09:32
閱讀 792·2021-09-02 09:55
閱讀 1393·2019-08-26 13:23
閱讀 2403·2019-08-26 11:46
閱讀 1229·2019-08-26 10:19
閱讀 2054·2019-08-23 16:53
閱讀 1072·2019-08-23 12:44