欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Angularjs之如何在跨域請(qǐng)求中傳輸Cookie的方法

 更新時(shí)間:2018年06月01日 09:34:42   作者:yexiaomai77  
跨域傳輸Cookie是需要后臺(tái)和前臺(tái)同時(shí)做相關(guān)處理才能解決的,這篇文章主要介紹了Angularjs之如何在跨域請(qǐng)求中傳輸Cookie的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧

一般情況我們?cè)谑褂肳ebApi之類的技術(shù)時(shí),都會(huì)遇到跨域的問題,這個(gè)只需要在服務(wù)端做一下處理即可。

如果這些GET或POST請(qǐng)求不需要傳遞Cookie數(shù)據(jù)的話,就沒什么問題了,但如果需要,那么會(huì)發(fā)現(xiàn) 雖然已經(jīng)處理了跨域請(qǐng)求的問題,但后臺(tái)始終無(wú)法獲取到Cookie。

跨域傳輸Cookie是需要后臺(tái)和前臺(tái)同時(shí)做相關(guān)處理才能解決的。

就好比一個(gè)握手會(huì)話,前臺(tái)先表示,我的跨域請(qǐng)求是帶有Cookie的;請(qǐng)求到了服務(wù)端,服務(wù)端表示可以接收跨域Cookie,成交(開始重新帶著Cookie發(fā)起請(qǐng)求)

后臺(tái)代碼

Response.Headers.Add("Access-Control-Allow-Credentials", "true");

前臺(tái)代碼

$http.post("http://a.domain.com/Api/Product", { productId: 3 }, {
  withCredentials: true,
  params: { name: "Ray" },
  headers: {'Authorization':"這個(gè)不重要"}
}).success(function (data) {
  //TODO
});

這個(gè)是在單獨(dú)的請(qǐng)求中設(shè)置,如果要在所有的請(qǐng)求中都應(yīng)用該設(shè)置則要使用 $httpProvider

angular.module("app").config(function ($httpProvider) {
  $httpProvider.defaults.withCredentials = true;
  $httpProvider.defaults.headers.common['Authorization'] = "89757";
})

如果使用jQuery,則是這樣子的

$.ajax({
  type: "POST",
  url: "http://a.domain.com/Api/Product",
  xhrFields: {
    withCredentials: true
  },
  success: function (data) {
    console.log(data)
  },
  error: function (data) {
    console.error(data)
  }
})

撇開Cookie跨域傳輸?shù)膯栴},angularjs的跨域POST請(qǐng)求與jQuery有些區(qū)別:

jQuery跨域與本域的區(qū)別僅僅是請(qǐng)求頭信息的變化;

angularjs跨域后,會(huì)變成兩次請(qǐng)求,第一次的Request Method是OPTIONS,這里有個(gè)概念叫preflight,這里不談。

第一次請(qǐng)求到服務(wù)器后,會(huì)針對(duì)請(qǐng)求的下面三項(xiàng)進(jìn)行賦值

  1. Access-Control-Allow-Origin
  2. Access-Control-Allow-Methods
  3. Access-Control-Allow-Headers"

瀏覽器接收到返回信息后,會(huì)再次發(fā)送請(qǐng)求,這次的Request Method是POST,這回就跟普通本域請(qǐng)求一樣了。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論