我在 nativescript-vue 中使用 fetch 时遇到问题

【问题标题】：I have a problem when i use fetch in nativescript-vue我在 nativescript-vue 中使用 fetch 时遇到问题
【发布时间】：2019-07-20 15:01:40
【问题描述】：

当我向 ("http://localhost:5000/api") 发出获取请求时我收到此错误：[TypeError：网络请求失败：无法加载资源，因为应用程序传输安全策略需要使用安全连接。] 这是我用于尝试获取数据的代码，但我一直收到该错误。解决此问题的最佳方法是什么，或者是否有其他解决方案可用于在 Nativescript 中获取和发布数据？

      methods: {
          getData() {
           fetch("http://localhost:5000/api")
              .then((res) => {
                console.log(res)
           }).catch((err) => {
         console.log(err)
       });

        },

【问题讨论】：

标签： api fetch nativescript nativescript-vue

【解决方案1】：

iOS和Android（v9.0及以上）默认不启用Http。

要在 iOS 上启用 Http 请求，您必须将以下键添加到您的 App_Resources/iOS/info.plist

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

在 Android 上，您必须将android:usesCleartextTraffic="true" 添加到您的App_Resources/Android/src/main/AndroidManifest.xml 的application 标记中

<application android:name="com.tns.NativeScriptApplication" 
        ...
        android:usesCleartextTraffic="true">

您也可以只允许在特定域上进行 Http 通信，有关更多信息，请参阅官方 iOS / Android 文档。

【讨论】：