(仅限Safari) Axios请求不向Node.js/Express REST API发送cookies

Axios是一个流行的基于Promise的HTTP客户端，用于发送HTTP请求。它可以在浏览器和Node.js环境中使用。在浏览器中，Axios默认情况下不会自动发送cookies到服务器，这是出于安全考虑的。

要在Axios请求中发送cookies到Node.js/Express REST API，你需要进行一些额外的配置。以下是一些可能的解决方案：

设置withCredentials选项为true：在Axios请求中设置withCredentials选项为true，这将告诉浏览器在发送请求时包括cookies。例如：

axios.get('/api/endpoint', {
  withCredentials: true
})

配置服务器端：确保你的Node.js/Express服务器端设置了适当的CORS（跨域资源共享）配置，以允许接收来自浏览器的cookies。你可以使用cors中间件来实现这一点。以下是一个简单的示例：

const express = require('express');
const cors = require('cors');

const app = express();

app.use(cors({
  origin: 'http://your-frontend-domain.com',
  credentials: true
}));

// 处理API请求的路由和逻辑
// ...

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上述示例中，origin选项应设置为你的前端应用程序的域名，credentials选项设置为true以允许接收来自浏览器的cookies。

确保cookies在服务器端设置了正确的SameSite属性：在某些情况下，浏览器可能会阻止发送具有SameSite属性设置为None的cookies。确保你的服务器端设置了正确的SameSite属性，以便浏览器可以发送cookies。例如，在Express中，你可以使用cookie-session中间件来设置SameSite属性：

const express = require('express');
const cookieSession = require('cookie-session');

const app = express();

app.use(cookieSession({
  name: 'session',
  keys: ['key1', 'key2'],
  sameSite: 'none', // 设置SameSite属性为None
  secure: true // 仅在HTTPS连接上发送cookies
}));

// 处理API请求的路由和逻辑
// ...

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

请注意，确保在使用cookies时遵循适当的安全措施，并仅在必要时发送敏感信息。

腾讯云相关产品和产品介绍链接地址：