iOS请求遭.htaccess拦截问题及多场景规则配置咨询

• 核心原因：iOS（尤其是Ionic/Cordova环境）发送自定义请求头时会触发OPTIONS预请求，若服务器.htaccess未放行OPTIONS请求，预请求失败会导致后续实际请求被拦截。
• 解决步骤：
  1. 在.htaccess中添加OPTIONS请求放行规则：

     # 放行OPTIONS预请求
     RewriteCond %{REQUEST_METHOD} OPTIONS
     RewriteRule ^(.*)$ $1 [R=200,L]
     

  2. 抓包验证iOS端请求头：用Charles或Safari开发者工具确认X-Requested-With确实为com.myApp，部分Ionic HTTP客户端不会自动添加自定义头，需手动通过拦截器配置。

• 常见诱因：
  1. 原规则未适配HTTPS环境：比如规则中硬编码了http://协议，或仅针对HTTP变量配置校验，导致HTTPS请求不匹配规则被拦截。
  2. HTTPS下OPTIONS预请求未放行：和iOS问题一致，HTTPS环境中自定义头同样会触发OPTIONS请求，未处理则直接拦截。
  3. 证书信任问题：Android设备不信任服务器SSL证书（如自签名证书），会直接终止请求，可通过抓包查看证书错误日志确认。
• 快速排查：先添加问题1中的OPTIONS放行规则，再检查原规则是否存在HTTP硬编码部分，替换为相对路径或HTTPS兼容变量。

Android设置Origin为ionic//myapp的方法 #

若基于Ionic/Cordova开发，有两种实现方式：

• 方式1：通过HTTP拦截器手动添加
  在Ionic项目中创建拦截器，请求发送前注入Origin头：

  import { Injectable } from '@angular/core';
  import { HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';
  
  @Injectable()
  export class OriginInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler) {
      const modifiedReq = req.clone({
        setHeaders: {
          'Origin': 'ionic//myapp'
        }
      });
      return next.handle(modifiedReq);
    }
  }
  

  随后在AppModule中注册该拦截器。
• 方式2：配置Cordova Whitelist插件
  修改项目config.xml，添加自定义Origin允许规则：

  <allow-navigation href="*" />
  <allow-intent href="*" />
  <access origin="ionic//myapp" />
  

多条件.htaccess规则（分别校验Android的X-Requested-With和iOS的Origin） #

以下规则同时处理预请求、Android和iOS的不同校验逻辑：

# 先放行OPTIONS预请求
RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]

# 拦截Android端：Origin为localhost但X-Requested-With不正确的请求
RewriteCond %{HTTP:Origin} ^http://localhost$ [NC]
RewriteCond %{HTTP:X-Requested-With} !^com.myApp$ [NC]
RewriteRule ^ - [F,L]

# 拦截iOS端：X-Requested-With为com.myApp但Origin不正确的请求
RewriteCond %{HTTP:X-Requested-With} ^com.myApp$ [NC]
RewriteCond %{HTTP:Origin} !^ionic//myapp$ [NC]
RewriteRule ^ - [F,L]

规则说明：

• [NC]：不区分大小写匹配
• [F,L]：返回403禁止访问并终止后续规则执行
• 逻辑：仅允许符合“Android带正确X-Requested-With”或“iOS带正确Origin”的请求通过，其余情况拦截。

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