Httponly cookie 未使用 Vuejs 保存在浏览器中答案

【问题标题】：Httponly cookie not saving in browser with VuejsHttponly cookie 未使用 Vuejs 保存在浏览器中
【发布时间】：2021-02-28 02:04:26
【问题描述】：

我正在使用 Webstorm 开发应用程序，由于我使用的是 JWT 身份验证，因此我想使用 HttpOnly cookie 将其存储在用户的浏览器中。我已经做了各种尝试让 Vuejs 与它一起工作，但似乎没有一个工作，cookie 似乎没有保存在浏览器中。我尝试将控制器简单化为 GET 请求上的一个简单 cookie，在浏览器上测试它工作正常，但与 Vuejs 一起使用时，它似乎没有被存储。

该方法作为 @click 绑定到存储在 Vue 路由器路径之一中的按钮：

  methods: {
    async getCookies() {
      const response = await fetch(
        `http://localhost:8080/test`,
        {
          method: "Get",
          headers: {
            "Content-Type": "application/json"
          }
        }
      )
    }

我从服务器收到的响应看起来像这样，并且通过在浏览器中键入端点来使用它：

【问题讨论】：

标签： javascript vue.js cookies request httponly

【解决方案1】：

通过执行以下操作，我设法找到了该问题的解决方案：首先，我将服务器端的访问权限从能够通过的所有来源更改为仅 Vue 应用程序正在使用的特定端口。然后我这样设置标题

   credentials: "include"

根据我发送的请求

【讨论】：