vue-cookies 无法设置 sameSite 和安全属性

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

Check highlighted text where I am setting the cookie

使用未使用任何属性的第二个代码，正在设置我的 cookie，我可以在 cookie 中看到它

Answer 1

这很可能发生，因为您试图在 http:// 下的开发环境中设置安全 cookie，这是不安全的。

来自安全 cookie 的 MDN docs：

Note that insecure sites (http:) can't set cookies with the Secure directive.

您可以尝试在安全服务器或 运行 secure mode 中的 Vue CLI 上进行测试。为此，请将以下内容添加到项目根目录中的 vue.config.js：

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

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