iPhone Safari无法通过Axios访问SpringBoot Controller问题咨询

后端没收到请求，说明请求根本没发出去或者被Safari拦截了，先从前端和Safari特性入手排查：

一、先确认请求是否真的发起 #

打开iPhone的Safari开发者工具（设置→Safari浏览器→高级→开启「Web检查器」，然后用Mac端Safari连接手机调试），查看「网络」面板：

• 如果请求完全没出现：检查前端代码里的请求触发逻辑，比如DOM加载事件，Safari的DOMContentLoaded触发时机和其他浏览器可能存在差异。
• 如果请求出现但状态失败：查看错误提示，比如跨域、SSL、缓存相关的报错，针对性解决。

二、简化Axios配置，排除兼容性问题 #

Safari对非标准请求配置兼容性较差，先把Axios请求改成最简形式测试：

// 去掉所有额外配置，先测试基础请求
axios.get('你的后端接口地址')
  .then(res => console.log(res))
  .catch(err => console.error(err))

如果最简请求能成功，再逐步加回原配置，排查出导致问题的属性：

• 不要给GET请求手动设置Content-Type: application/json，Safari会对GET请求的该头做严格校验，无必要直接删除。
• 如果用了withCredentials: true，先改成false尝试，后端未配置允许凭证的话，Safari会直接拦截请求。
• 去掉自定义的非标准请求头，比如业务自定义的X-XXX头，Safari可能因预检请求失败而阻止主请求。

三、解决Safari的GET缓存问题 #

Safari对GET请求的缓存策略极其严格，经常直接使用本地缓存而不发新请求，导致后端收不到：

• 给请求URL加时间戳参数，强制绕过缓存：

  axios.get(`/api/data?t=${Date.now()}`)
  

• 或者给请求加缓存控制头：

  axios.get('/api/data', {
    headers: {
      'Cache-Control': 'no-cache, no-store, must-revalidate'
    }
  })
  

四、检查后端CORS配置（跨域场景） #

虽然其他浏览器正常，但Safari对CORS的校验更苛刻：

• 在SpringBoot的CORS配置里，确保allowedOrigins精确包含前端域名（注意Safari的Origin会带端口，比如http://localhost:3000，不能只写http://localhost）。
• 确认allowedMethods里包含GET方法，allowedHeaders包含你用到的所有请求头（如果用了自定义头）。
• 可临时将CORS配置设为宽松模式测试：

  @Configuration
  public class CorsConfig implements WebMvcConfigurer {
      @Override
      public void addCorsMappings(CorsRegistry registry) {
          registry.addMapping("/**")
                  .allowedOrigins("你的前端域名")
                  .allowedMethods("*")
                  .allowedHeaders("*")
                  .allowCredentials(true);
      }
  }
  

五、SSL证书检查（HTTPS环境） #

如果是HTTPS部署，Safari对证书的要求远高于其他浏览器：

• 确保证书由正规CA颁发，自签名证书会被Safari直接拦截，导致请求无法发送。
• 检查证书的域名匹配、有效期是否正常，有没有链证书缺失的情况。

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