Die gleichen Site- und Secure-Eigenschaften von Vue-Cookies können nicht festgelegt werden

Question

Ich verwende Vue-Cookies für mein vue.js-Projekt. Ich setze das Cookie über den folgenden Code:

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

Aber wenn ich mir das Cookie ansehe, ist es nicht gesetzt, sondern wenn ich den folgenden Code verwende:

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

Ich kann sehen, wie das Cookie gesetzt wird. was soll ich machen? Im Anhang finden Sie einen Screenshot der Cookie-Einstellung und meinen Beispielcode. Ich verwende dieses https://www.npmjs.com/package/vue-cookies

Bitte überprüfen Sie den hervorgehobenen Text, in dem ich die Cookies gesetzt habe

Mit dem zweiten Codeteil, bei dem keine Attribute verwendet werden, wird mein Cookie gesetzt und ich kann es im Cookie sehen

Answer 1

这可能是因为您正在尝试在开发环境下使用 http:// 设置一个安全的 cookie，这是不安全的。

根据MDN文档关于安全 cookie 的说明：

您可以尝试在安全服务器上测试此功能，或者以安全模式运行 Vue CLI。要做到这一点，请在项目根目录的vue.config.js中添加以下内容：

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

确保在使用这些设置重新启动开发服务器后，在浏览器中键入 https://localhost:8080/，如果您键入 http://，它将不会重定向。