React Native，iOS 15，提取：TypeError：网络请求失败

Question

我在 React Native 中遇到了这个问题（在 iOS 15.4 上）：

TypeError: Network request failed
    at fetch.umd.js:535:18
    at JSTimers.js:214:18
    at _callTimer (JSTimers.js:112:7)
    at Object.callTimers (JSTimers.js:357:7)
    at MessageQueue.__callFunction (MessageQueue.js:419:27)
    at MessageQueue.js:116:12
    at MessageQueue.__guard (MessageQueue.js:370:9)
    at MessageQueue.callFunctionReturnFlushedQueue (MessageQueue.js:115:10)
    at debuggerWorker.js:69:58

...并且我看到了许多修改 ios/[APP_NAME]/Info.plist 文件以允许 HTTP 请求的建议。不幸的是，它们都不适合我。我不确定我是否遗漏了任何步骤或出了什么问题。

首先，域是 api.localhost:84 这是我当前的配置片段：

    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSExceptionDomains</key>
        <dict>
            <key>localhost</key>
            <dict>
                <key>NSIncludesSubdomains</key>
                <true/>
                <key>NSExceptionAllowsInsecureHTTPLoads</key>
                <true/>
            </dict>
        </dict>
    </dict>

我还尝试了许多其他变体，例如：

1. 将域更改为 api.localhost< /code> 或 api.localhost:84，
2. 添加 NSExceptionMinimumTLSVersionTLSv1.1，
3. 设置 NSExceptionDomains 之外的异常（适用于每个域），
4. 使用 NSTemporaryExceptionAllowsInsecureHTTPLoads
5. 使用 NSAllowsArbitraryLoads...

我想我尝试了所有解决方案，我在 StackOverflow 上找到了它们，但它们都不起作用。每次我进行更改时，我也会从模拟器中卸载应用程序并重新构建它。我还发现了一些使用 IP（而不是 localhost）的建议，但它说它适用于 Android，而且我知道，localhost 曾经为我工作过iOS。但有一天它停止工作了。

我缺少任何步骤吗？或者最近是否有任何变化，需要以不同的方式做事？

我一无所知......当我用谷歌搜索错误时，所有链接都已经是紫色的。我什至尝试了谷歌结果的第二页。什么都不起作用。

PS：这是我的JS代码：

class ApiConnector {

    static async post(api, path, body) {

        try {
            let response = await fetch(api.baseUrl + path, {
                method: "POST",
                headers: this.getHeaders(api.app.state.auth),
                body: JSON.stringify(body),
            });

            if (response.status >= 200 && response.status < 300) {

                // Success
                return response.json();

            } else {
                api.app.alert('"' + path + '" responded with ' + response.status);
            }

        } catch (e) {
            console.log(e);
            api.app.alert('Request error ('+e.message+').');
        }

        return false;
    }


    static getHeaders(auth: {login: string, password: string}): Headers {
        let headers = new Headers();

        if (auth.login && auth.password) {
            let base64 = require('base-64');
            headers.append(
                'Authorization',
                'Basic ' + base64.encode(auth.login+':'+auth.password)
            );
        }

        headers.append('Accept','application/json');
        headers.append('Content-Type','application/json');

        return headers;
    }
}