無法設定vue-cookies的sameSite和secure屬性
P粉436688931
P粉436688931 2024-03-25 20:31:45
0
1
456

我正在為我的vue.js專案使用vue-cookies。我正在從以下程式碼中設定cookie:

this.$cookies.set('session',response.data.sessionCookie,'7d',null,null,true,'None')

但是當我查看cookie時,它沒有被設置,但是當我使用以下程式碼時:

this.$cookies.set('session',response.data.sessionCookie)

我可以看到cookie被設定了。 我該怎麼辦?附上了設定cookie的截圖和我的範例程式碼。 我正在使用這個https://www.npmjs.com/package/vue-cookies

請檢查我設定cookie的地方的突出顯示的文字

使用第二段程式碼,其中沒有使用任何屬性,我的cookie被設定了,我可以在cookie中看到它

P粉436688931
P粉436688931

全部回覆(1)
P粉555682718

這可能是因為您正在嘗試在開發環境下使用 http:// 設定安全的 cookie,這是不安全的。

根據MDN文件關於安全性 cookie 的說明:

您可以嘗試在安全伺服器上測試此功能,或以安全模式執行 Vue CLI。要做到這一點,請在專案根目錄的vue.config.js中加入以下內容:

module.exports = {
  devServer: {
    https: true
  }
}

確保在使用這些設定重新啟動開發伺服器後,在瀏覽器中鍵入https://localhost:8080/,如果您鍵入http://,它將不會重定向。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板