axios請求無法攜帶cookie

2022-06-06 01:48:08 字數 884 閱讀 3605

背景

最近在用vue重構公司公司angularjs 1.x專案,老專案身份認證採用的cookie,前端ajax庫採用是angularjs的$http/$resource服務,新版採用的是axios,但是發現前端http響應頭中少了set-cookie屬性,同時在瀏覽器中查詢不到cookie資訊,服務端也接收不到cookie資訊。postman請求正常,使用axios請求不正常,如下圖所示:

原因:1、為什麼http響應頭中沒有set-cookie屬性值?

這個是axios已知的問題,我們都知道,cookie是服務端寫進去的,只要這一步沒有錯,理應資料都會攜帶到客戶端,只是axios隱藏了這一部分資訊。在github上搜上搜set-cookie有很多類似情況,如下:

2、請求如何攜帶cookie

axios預設跨域請求不使用憑證,只需要設定axios.defaults.withcredentials = true;即可。withcredentials屬性主要功能是指定跨域的請求是否應該使用證書(如cookie或授權頭header)

aixos:

api:

解決axios請求cookie無法攜帶問題

js cookie 可以訪問這個鏈結 然後在元件內引入 import cookies from js cookies 然後通過set來設定我們的cookie cookies.set name value 然後通過get來獲取我們的cookie cookies.get name value 這時我們訪...

Vue使用Axios攜帶token請求後端介面

攜帶token請求介面的其中一種方法就是在請求 中將token新增到請求頭中 在專案中安裝axios js cookienpm i axios npm i js cookie對網路請求進行封裝import axios from axios import from token const instan...

axios請求不攜帶Cookie的原因

axios請求預設是不攜帶cookie的,如果需要攜帶cookie前端需要配置 允許攜帶cookie請求 axios.defaults.withcredentials true 即 建立axios例項 const service axios.create 同時還要確保後端配置了 access con...