在移动设备上使用 tns preview 或 tns preview --bundle axios 不起作用

Question

当我在 android 模拟器中运行时，我尝试将我的 api 与 nativescript 连接 axios 从后端获取所有数据，但是当我尝试使用 tns 预览或 tns 预览在实际移动设备上运行时 --bundle axios 不工作它给我空值

LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(Page)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(Page(3), ActionBar(4))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(ActionBar)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(gridlayout)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(Frame)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(stacklayout)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(textfield)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(StackLayout(6), Label(7))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(label)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(stacklayout)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(StackLayout(8), TextField(9))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(button)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(StackLayout(8), Button(10))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(StackLayout(6), StackLayout(8))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(GridLayout(5), StackLayout(6))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateComment()
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> CreateElement(ListView)
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(Page(3), GridLayout(5))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(ListView(11), Placeholder(13))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(GridLayout(5), ListView(11))
LOG from device Tarang shah: {NSVue (Vue: 2.6.11 | NSVue: 2.6.4)} -> AppendChild(Frame(2), Page(3))
**LOG from device Tarang shah: null**

任何人都知道如何解决这个问题 而我的后端 api 存储不在本地设备中

我的 axios 代码

axios({ method: "GET", "url": "http://api.sinhgadcollegeofscience.com/api/todos" }).then(result => {
                console.log(result.data)
                commit('setTodos', result.data)
            }, error => {       
                console.log('errorsssss')
            });

Answer 1

您正在发出一个明文请求 (http://...)，我相信自 android API 28 以来默认禁用该请求。

如果可以，请尝试使用https 连接。否则，您可以在AndroidManifest.xml 中启用明文流量

<application
 <!-- ... -->
 android:usesCleartextTraffic="true"
 <!-- ... -->
</application>

进行更改后，删除平台文件夹，然后重新构建应用程序。

更多详细信息可以在这里找到：Android 8: Cleartext HTTP traffic not permitted