如何配置Axios在POST请求中不携带Cookie

方案不生效的核心原因 #

• Cookie属于浏览器W3C规范中明确禁止前端JavaScript手动修改的请求头，你在headers配置中传入的Cookie字段会被浏览器直接忽略，不会实际生效。
• withCredentials: false仅对跨域请求生效，作用是禁止浏览器在跨域请求中自动携带本地Cookie、也禁止写入响应返回的Cookie；同域请求下无论该参数配置为true还是false，浏览器都会默认自动携带当前域名下的所有Cookie，该配置不会生效。
• 你代码注释中提到当前的access_token是HttpOnly类型的Cookie，这类Cookie本身就禁止JS读写，你更不可能通过修改请求头的方式调整它的取值。

对应解决方案 #

根据你的诉求选择对应方案即可：

1. 如果你需要该请求不携带access_token Cookie
   • 若为跨域请求：先检查全局axios配置是否将withCredentials设为了true，局部配置优先级低于实例/全局配置，修改全局配置或创建独立的axios实例发送该请求即可。
   • 若为同域请求：前端没有权限拦截Cookie的携带，只能协调后端调整接口逻辑，比如支持通过自定义请求头传参、或针对该路径跳过access_token校验。
2. 如果你需要传递空的access_token身份标识
   不要使用Cookie头传递，改用自定义请求头传递参数，后端同步调整参数读取逻辑即可，示例代码如下：

const request = await axios({
    url: '/api/payments',
    method: "post",
    data: payload,
    headers: {
      // 改用自定义头传递token，避免被浏览器拦截
      "X-Access-Token": ""
    },
    // 跨域场景下生效，禁止自动携带原有Cookie
    withCredentials: false,
  })

额外提示：你手动设置的Content-Type: multipart/form-data不需要额外配置，只要你的payload是FormData类型，axios会自动补全该请求头并附带正确的boundary分隔符，手动配置反而会导致boundary丢失引发请求解析错误。

内容的提问来源于stack exchange，提问作者muon