問題我有一個具有登錄端點的 REST API。登錄端點接受用戶名和密碼，服務(wù)器通過發(fā)送包含一些有效負載（如 JWT）的 HTTPOnly Cookie 進行響應(yīng)。我一直使用的方法已經(jīng)工作了幾年，直到Set-Cookie標題在上周停止工作。由于我正在開發(fā)基于 Svelte 的前端，因此我在 REST API 無法使用之前沒有接觸過它的源代碼。我懷疑它與在 localhostSecure中設(shè)置的屬性有關(guān)。false但是，根據(jù)Using HTTP cookies，只要它是本地主機，就可以使用不安全的連接。一段時間以來，我一直在以這種方式開發(fā) REST API，并且驚訝地發(fā)現(xiàn)不再設(shè)置 cookie。使用 Postman 測試 API 會產(chǎn)生設(shè)置 cookie 的預(yù)期結(jié)果。
2 回答
慕姐8265434
TA貢獻1813條經(jīng)驗 獲得超2個贊
我剛剛遇到了同樣的問題axios，這導(dǎo)致Set-Cookie響應(yīng)標頭被靜默忽略。這很煩人，如果它拒絕它們，它會在該標題上顯示那個小黃色三角形，并在網(wǎng)絡(luò)檢查器中說明原因。
我通過添加一個請求攔截器來true為每個請求強制它來解決這個問題：
axios.interceptors.request.use(
(config) => {
config.withCredentials = true
return config
},
(error) => {
return Promise.reject(error)
}
)
慕仙森
TA貢獻1827條經(jīng)驗 獲得超8個贊
解決方案
原來問題出在前端，特別是 JavaScript 的fetch()方法。
let response = await fetch(`http://localhost:8000/login`, {
method: "POST",
credentials: "include", //--> send/receive cookies
body: JSON.stringify({
email,
}),
headers: {
"Content-Type": "application/json",
},
});
您將需要對象credentials: include中的屬性RequestInit，不僅用于發(fā)出需要 cookie 身份驗證的請求，還用于接收所述 cookie。
Axios 通常會自動填寫這部分（根據(jù)經(jīng)驗），但如果沒有，您還需要withCredentials: true在請求的第三個config參數(shù)中添加以允許瀏覽器設(shè)置 cookie。
- 2 回答
- 0 關(guān)注
- 157 瀏覽
添加回答
舉報
0/150
提交
取消