vue.js - 为父域设置的 Cookie 仅适用于某些浏览器

Question

我有一个 Vue 前端，我使用 vue-cookies 在登录时设置 cookie。

以下示例 URL 用于应用程序

• 客户.mydomain.com
• api.mydomain.com

这是在Vue中设置cookie的代码

    this.$cookies.set(
        'my_jwt',
        response.data.data.token,
        '1d',
        'null',
        mydomain.com
    );

CORS 已启用，大多数情况都正常。

但是，在某些浏览器中，从 API 获取图像会失败并显示 401，因为 cookie 未随由 img 标签启动的 GET 请求一起发送。API 需要有效的 JWT 才能访问文件。

在 Chome 和 Firefox 开发者版中它运行良好，但在标准 Firefox 图像中却失败了。

我还注意到 Safari 中的登录根本不起作用（可能是由于一些相关问题）。

希望对可能导致此问题的原因提供一些意见。

标签： vue.jsfirefoxcookiesvue-cookies