iOS 上的 Nativescript localhost http 调用失败

Question

我在 Windows 上使用 Nativescript sidekick cloud build 在 iOS 上测试我的应用 - 我还连接了我的 iPhone。

根据this 的帖子，我正在向 localhost 发送我的 http 请求，但他们一直因为这个错误而失败。

http://localhost:52553/api/rewards/all 的 Http 失败响应：0 未知错误
错误：无法连接到服务器。

这是我的奖励服务实现

import { Injectable } from "@angular/core";
import { HttpClient } from "@angular/common/http";

import { Observable, of } from 'rxjs';
import { SimpleReward } from "../models/simple-reward";
import { take, catchError } from "rxjs/operators";

@Injectable()
export class RewardsService {

    private baseUrl = "http://localhost:52553/api/rewards";

    constructor(private http: HttpClient) { }

    getAllRewards(): Observable<SimpleReward[]> {
        const url = `${this.baseUrl}/all`;
        return this.http.get<SimpleReward[]>(url).pipe(
            catchError((e) => {
                console.error(e);
                return of([]);
            })
        );
    }
}

请指导我在这里做错了什么？

Answer 1

将localhost 添加为app/App_Resources/iOS/Info.plist 文件的例外，以允许与http://localhost 域进行不安全（非HTTPS）通信：

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

这比允许与所有域的不安全通信更可取。

编辑：另外，请记住，您必须在编辑 Info.plist 文件后重新构建您的应用程序！它的变化不能像 JS 那样简单地实时同步或重新加载热模块。

Answer 2

您可以在 info.plist 中禁用安全性或将 localhost 添加为例外。

<key>NSAppTransportSecurity</key>  
 <dict>  
      <key>NSAllowsArbitraryLoads</key><true/>  
 </dict>