ApolloClient如何接受自签名证书服务器请求？rejectUnauthorized配置无效

首先得给你掰明白：你设置的rejectUnauthorized: false不生效，核心原因是这个参数是Node.js专属的https模块配置项，而apollo-boost在浏览器环境下用的是原生Fetch API（或XMLHttpRequest），浏览器根本不认识这个参数，所以完全没用。

下面给你几个可行的解决方案，分场景来说：

一、开发环境临时解决方案（最快捷） #

1. 手动让浏览器信任自签名证书 #

直接在浏览器地址栏访问你的GraphQL端点：https://localhost:8080/graphql，此时浏览器会弹出证书不安全的提示：

• 点击「高级」选项
• 选择「继续访问localhost（不安全）」
  之后浏览器就会把这个自签名证书加入信任列表，Apollo Client的请求就能正常发送了。

2. 用浏览器启动参数忽略证书错误（全局生效，不推荐长期用） #

如果你不想每次都手动信任，可以给浏览器加启动参数强制忽略证书错误：

• Windows：右键Chrome快捷方式 → 属性 → 目标栏末尾添加 --ignore-certificate-errors（注意前面有空格），然后重启Chrome
• Mac：打开终端，执行命令：open -a Google\ Chrome --args --ignore-certificate-errors
• Linux：google-chrome --ignore-certificate-errors

⚠️ 注意：这个方法会让浏览器忽略所有网站的证书错误，开发用用就行，绝对不要在日常浏览时这么干！

二、替换apollo-boost为原生apollo-client，自定义请求配置（更灵活） #

apollo-boost是封装好的简化版，没法深度自定义请求逻辑。如果需要更灵活的控制（比如在Node环境下设置证书验证），可以改用@apollo/client：

步骤1：安装依赖 #

先卸载apollo-boost，安装必要的包：

npm uninstall apollo-boost
npm install @apollo/client graphql cross-fetch

步骤2：配置自定义客户端 #

如果是Node.js环境（比如服务端渲染），可以用https模块的Agent来设置rejectUnauthorized: false：

import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client';
import https from 'https';
import fetch from 'cross-fetch';

// 创建自定义HTTP链接，配置https Agent
const httpLink = createHttpLink({
  uri: `https://${window.location.hostname}:8080/graphql`,
  fetch: fetch,
  // 仅Node环境生效，浏览器环境自动忽略
  agent: new https.Agent({
    rejectUnauthorized: false
  })
});

const client = new ApolloClient({
  link: httpLink,
  cache: new InMemoryCache()
});

如果是浏览器环境，还是得回到第一种方案让浏览器信任证书——因为浏览器的Fetch API出于安全限制，没有提供绕过证书验证的接口，没法通过代码直接跳过。

内容的提问来源于stack exchange，提问作者Marcel Rösler