无法设置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://，它将不会重定向。