無法設定vue-cookies的sameSite和secure屬性

Question

我正在為我的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中看到它

Answer 1

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

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

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

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

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