axios請求不攜帶Cookie的原因

2021-10-22 23:13:13 字數 1127 閱讀 7218

axios請求預設是不攜帶cookie的,如果需要攜帶cookie前端需要配置

// 允許攜帶cookie請求

axios.defaults.withcredentials =

true

// 建立axios例項

const service = axios.

create

()

同時還要確保後端配置了

access-control-allow-origin=

'前端請求ip位址(如果有埠帶上埠)'

// 不能為 * 否則跨域不生效

access-control-allow-credentials =

true

如果還是不行,後端設定 cookie 時,需要設定samesite=none;secure,同時後端配置https請求,因為瀏覽器預設samesite=lax

補充:如果使用了mock.js會攜帶不上 cookie

如果使用了mock.js,只需要在使用mock的地方設定以下**,就可以在正常傳送 cookie 了

import mock from

'mockjs'

mock.

xhr.prototype.withcredentials =

true

如果以上都配置好了,還是不能攜帶 cookie 就是瀏覽器的問題了。但一般情況都是後端配置跨域,和瀏覽器無關,因為換個瀏覽器就不知道情況了

把框選的設定為disabled就可以了

更新:新版 chrome 瀏覽器已經沒有這個選項了

http ajax請求中如何攜帶cookie

前端進行資料請求有 普通的ajax json 請求,jsop跨域請求,cors跨域請求,fetch請求.pc端這些請求方式中,普通的ajax json 請求和jsop跨域請求是預設攜帶cookie的,而cors跨域請求和fetch請求預設是不攜帶cookie的。因此,當我們的請求需要攜帶cookie...

axios請求無法攜帶cookie

背景 最近在用vue重構公司公司angularjs 1.x專案,老專案身份認證採用的cookie,前端ajax庫採用是angularjs的 http resource服務,新版採用的是axios,但是發現前端http響應頭中少了set cookie屬性,同時在瀏覽器中查詢不到cookie資訊,服務端...

請求不攜帶cookie問題

因為後端需要用到cookie做一些判斷,所以在post請求前先寫入了cookie。在頁面未登入時,調介面能帶上cookie,登入後的請求沒有攜帶cookie,但是能看到cookie已經儲存了。axios.defaults.withcredentials true 配置了並沒有用 對比登入前後,發現是...