React Native iOS端Webview允许页面重定向问题求助

我之前在集成支付网关时也碰到过完全一样的iOS WebView重定向卡住的问题，Android端很快就搞定了，iOS端确实踩了不少坑，给你几个亲测有效的方案：

方案1：正确配置onShouldStartLoadWithRequest回调 #

iOS的WebView（尤其是WKWebView）默认会通过这个回调拦截部分请求，包括重定向请求。你需要确保在这个回调里返回true，允许所有请求加载：

import { WebView } from 'react-native-webview';

// 你的组件代码
<WebView
  source={{ uri: '你的支付网关表单地址' }}
  onShouldStartLoadWithRequest={(request) => {
    // 允许所有请求，包括服务器端重定向
    return true;
  }}
  domStorageEnabled={true} // 关键：支付网关通常依赖本地存储
  javaScriptEnabled={true}
  useWebKit={true} // iOS端强制使用WKWebView（react-native-webview默认开启）
/>

方案2：配置iOS ATS（App Transport Security）权限 #

如果你的支付网关使用HTTP协议，或者重定向到的域名不在ATS允许列表里，iOS会直接阻止加载。你需要在Info.plist中添加对应的域名例外：

打开项目的ios/[你的项目名]/Info.plist，添加以下配置：

<key>NSAppTransportSecurity</key>
<dict>
  <key>NSExceptionDomains</key>
  <dict>
    <key>your-payment-gateway-domain.com</key>
    <dict>
      <key>NSIncludesSubdomains</key>
      <true/>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
    </dict>
    <!-- 如果重定向到其他域名，也需要添加这里 -->
    <key>redirect-target-domain.com</key>
    <dict>
      <key>NSIncludesSubdomains</key>
      <true/>
      <key>NSAllowsArbitraryLoads</key>
      <true/>
    </dict>
  </dict>
</dict>

方案3：处理POST表单提交后的重定向 #

有些支付网关在POST提交后会发起3xx重定向，WKWebView在处理这种场景时可能会有异常。你可以在onNavigationStateChange里监听URL变化，手动处理异常情况：

import { useRef } from 'react';

const webViewRef = useRef(null);

// 你的组件代码
<WebView
  // 其他属性...
  onNavigationStateChange={(navState) => {
    // 监听重定向状态，如果加载停滞可以手动触发重新加载
    if (navState.loading === false && navState.url.includes('你的支付回调标识')) {
      // 根据实际情况调整，比如如果回调URL加载失败，手动重新加载
      // webViewRef.current.reload();
    }
  }}
  ref={(ref) => (webViewRef.current = ref)}
/>

方案4：检查自定义WKNavigationDelegate（如果有） #

如果你在原生层自定义了WKNavigationDelegate，可能不小心拦截了重定向请求。确保在webView:shouldStartLoadWithRequest:navigationType:方法中返回YES，允许所有导航请求：

- (BOOL)webView:(WKWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(WKNavigationType)navigationType {
    // 允许所有请求加载
    return YES;
}

这些方案应该能解决大部分iOS WebView重定向卡住的问题，我当时是结合方案1和方案2搞定的。如果还是不行，可以检查支付网关的重定向是否包含特殊的头部信息，或者是否需要开启WebView的某些特殊权限。

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