摘要:背景后端使用并更改本地文件,起本地服務(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 可以訪問成功
瀏覽器network抓請求,結(jié)果如下,但是代碼并沒有觸發(fā)后端的代碼斷點(diǎn)....
這是為什么呢?
因?yàn)閔ost文件的配置,騙過了瀏覽器,進(jìn)行了一次options請求,但是對于js引擎來說,這里的ip地址與瀏覽器的域名不同,所以出現(xiàn)了跨域,因此設(shè)置到了Access-Control-Request-Headers里面。
解決方案方案一:
不走IP(不寫絕對路徑),而是相對路徑
方案二:
將IP地址加入白名單(node js里面是如此,其他語音應(yīng)該也有相應(yīng)的)。
借用凝雨關(guān)于跨域踩坑經(jīng)驗(yàn)總結(jié)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/97985.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ā)生在反向代理的時候,前端發(fā)起請求代理服務(wù)器,代理服務(wù)器發(fā)起請求到,這時候就容易導(dǎo)致域名不一致,請一定要注意這點(diǎn)。 寫在最前 前后端分離其實(shí)有兩類: 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項(xiàng)目中。 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
摘要:這種情況通常發(fā)生在反向代理的時候,前端發(fā)起請求代理服務(wù)器,代理服務(wù)器發(fā)起請求到,這時候就容易導(dǎo)致域名不一致,請一定要注意這點(diǎn)。 寫在最前 前后端分離其實(shí)有兩類: 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件整個放入后端項(xiàng)目中。 開發(fā)階段使用dev-server,生產(chǎn)階段是打包成靜態(tài)文件放入單獨(dú)的靜態(tài)資源服務(wù)器中,如nginx。 這兩種方案最大的區(qū)別就是生產(chǎn)階段。由于第...
閱讀 3525·2021-11-17 17:00
閱讀 3930·2021-08-09 13:46
閱讀 2935·2019-08-30 15:54
閱讀 709·2019-08-30 13:54
閱讀 3013·2019-08-29 17:13
閱讀 3316·2019-08-29 14:00
閱讀 3047·2019-08-29 11:11
閱讀 1476·2019-08-26 10:15