跨域請(qǐng)求POST解決方案

e10101 發(fā)布于2019-08-23 16:44 / 1584人閱讀

摘要：來源于阿賢博客跨域請(qǐng)求解決方案一般情況下是沒法跨域的，甚至請(qǐng)求一般情況下都是無法跨域的。請(qǐng)求代碼示例默認(rèn)情況下，對(duì)象和下對(duì)象受制于同源策略是不允許跨域請(qǐng)求。的跨域是利用頁面動(dòng)態(tài)添加標(biāo)簽來引用跨域資源來避開這個(gè)限制，但沒有方法。

來源于：阿賢博客

跨域請(qǐng)求POST解決方案

cookie一般情況下是沒法跨域的，甚至POST請(qǐng)求一般情況下都是無法跨域的。

    //     請(qǐng)求代碼示例
    $.ajax({
        url: url,
        type: "POST",
        data: metadata,
        dataType: "json",
        xhrFields: {  
            withCredentials: true  
        },  
        crossDomain: true,
        success: function(){},
        error: function(){}
    });

1、默認(rèn)情況下，ajax（XMLHttpRequest()對(duì)象和ie下Microsoft.XMLHTTP對(duì)象）受制于同源策略是不允許跨域請(qǐng)求。

2、jsonp的跨域是利用頁面動(dòng)態(tài)添加script標(biāo)簽來引用跨域資源來避開這個(gè)限制，但沒有post方法。

解決方法：服務(wù)器端設(shè)置，允許ajax請(qǐng)求跨域

    ##     服務(wù)端設(shè)置允許跨域代碼，eg:
    header("Access-Control-Allow-Credentials: true")；

    header("Access-Control-Allow-Origin: http://www.xxx.com");

    ## 設(shè)置成功后，在接口請(qǐng)求的Response Headers會(huì)看到一下以下允許跨越信息
    {
        Access-Control-Allow-Credentials:true
        Access-Control-Allow-Headers:x-requested-with,content-type
        Access-Control-Allow-Methods:POST
        Access-Control-Allow-Origin:http://www.aipai.com
    }

cookies的跨域解決方案

ajax跨域請(qǐng)求問題解決了，但當(dāng)后端需要通過接口獲取cookies時(shí)，同樣存在cookies的跨域問題

cookies的跨域解決方法：在請(qǐng)求中添加以下參數(shù)，請(qǐng)求頭信息便會(huì)附帶cookies信息

    // 代碼
    $.ajax({
        ...
        xhrFields: {  
            withCredentials: true  
        },
        ...
    });

來源于：阿賢博客

GPU云服務(wù)器云服務(wù)器跨域POST post請(qǐng)求發(fā)送post請(qǐng)求模擬POST請(qǐng)求

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

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

相關(guān)文章

javascript跨域

摘要：實(shí)現(xiàn)跨域的原理通過方式請(qǐng)求載入并執(zhí)行一個(gè)文件，相當(dāng)于通過的形式的導(dǎo)入一個(gè)外部的方法語法該函數(shù)是簡(jiǎn)寫的函數(shù)，等價(jià)于在中，您可以通過使用形式的回調(diào)函數(shù)來加載其他網(wǎng)域的數(shù)據(jù)，如。將自動(dòng)替換為正確的函數(shù)名，以執(zhí)行回調(diào)函數(shù)。更多詳情見http://blog.zhangbing.club/Ja... 最近在項(xiàng)目開發(fā)的過程中遇到一些Javascript 跨域請(qǐng)求的問題，今天抽空對(duì)其進(jìn)行總結(jié)一下，以...

PingCAP 2019-08-22 18:10 評(píng)論0 收藏0
一次跨域請(qǐng)求出現(xiàn) OPTIONS 請(qǐng)求的問題及解決方法

摘要：實(shí)際使用時(shí)，由于向提交的長(zhǎng)度限制在字符，超過了則被瀏覽器拒絕，因此不采用。前端發(fā)起跨域請(qǐng)求就是正常的請(qǐng)求即可。問題背景瀏覽器從一個(gè)域名的網(wǎng)頁去請(qǐng)求另一個(gè)域名的資源時(shí)，域名、端口、協(xié)議任一不同，都是跨域在前后端開發(fā)過程經(jīng)常會(huì)遇到跨域問題。網(wǎng)上也都有解決方案。寫這篇文章時(shí)，我們碰到的一個(gè)場(chǎng)景是：要給s系統(tǒng)做一個(gè)擴(kuò)展，前端的html、js放在s系統(tǒng)里，后端需要做一個(gè)單獨(dú)的站點(diǎn)N.B....

余學(xué)文 2019-08-23 11:29 評(píng)論0 收藏0
Nginx配置跨域請(qǐng)求 Access-Control-Allow-Origin *

摘要：給服務(wù)器配置后，表示服務(wù)器可以接受所有的請(qǐng)求源即接受所有跨域的請(qǐng)求。三預(yù)檢請(qǐng)求其實(shí)上面的配置涉及到了一個(gè)標(biāo)準(zhǔn)全稱是跨域資源共享，它的提出就是為了解決跨域請(qǐng)求的。服務(wù)器確認(rèn)允許之后，才發(fā)起實(shí)際的請(qǐng)求。當(dāng)出現(xiàn)403跨域錯(cuò)誤的時(shí)候 No Access-Control-Allow-Origin header is present on the requested resource，需要給Ng...

zhangke3016 2019-07-25 14:07 評(píng)論0 收藏0
cors跨域之簡(jiǎn)單請(qǐng)求與預(yù)檢請(qǐng)求（發(fā)送請(qǐng)求頭帶令牌token）

摘要：所以跨域請(qǐng)求分兩種簡(jiǎn)單請(qǐng)求和預(yù)檢請(qǐng)求。但對(duì)于第二個(gè)錯(cuò)誤，好像沒法向第一種那樣，將預(yù)檢請(qǐng)求轉(zhuǎn)變?yōu)楹?jiǎn)單請(qǐng)求，所以，只有尋找方法怎么在后端實(shí)現(xiàn)相應(yīng)的預(yù)檢請(qǐng)求，來返回一個(gè)狀態(tài)碼，告訴瀏覽器此次跨域請(qǐng)求可以繼續(xù)。引子自從從JAVA偽全棧轉(zhuǎn)前端以來，學(xué)習(xí)的路上就充滿了荊棘（奇葩問題），而涉及前后端分離這個(gè)問題，對(duì)cors的應(yīng)用不斷增多，暴露出的問題也接踵而至。這兩天動(dòng)手實(shí)踐基于Token的WE...

zsy888 2019-08-20 17:37 評(píng)論0 收藏0
cors跨域之簡(jiǎn)單請(qǐng)求與預(yù)檢請(qǐng)求（發(fā)送請(qǐng)求頭帶令牌token）

摘要：所以跨域請(qǐng)求分兩種簡(jiǎn)單請(qǐng)求和預(yù)檢請(qǐng)求。但對(duì)于第二個(gè)錯(cuò)誤，好像沒法向第一種那樣，將預(yù)檢請(qǐng)求轉(zhuǎn)變?yōu)楹?jiǎn)單請(qǐng)求，所以，只有尋找方法怎么在后端實(shí)現(xiàn)相應(yīng)的預(yù)檢請(qǐng)求，來返回一個(gè)狀態(tài)碼，告訴瀏覽器此次跨域請(qǐng)求可以繼續(xù)。引子自從從JAVA偽全棧轉(zhuǎn)前端以來，學(xué)習(xí)的路上就充滿了荊棘（奇葩問題），而涉及前后端分離這個(gè)問題，對(duì)cors的應(yīng)用不斷增多，暴露出的問題也接踵而至。這兩天動(dòng)手實(shí)踐基于Token的WE...

RaoMeng 2019-08-15 10:36 評(píng)論0 收藏0