Ionic应用程序能够在浏览器上运行，但不能在Ionic DevApp上运行

Question

我是爱奥尼亚的新手，如果我的问题很愚蠢，请原谅我。在开发过程中，我使用浏览器来显示和测试我的应用程序，一切都正常工作，没有任何问题，但是当我在android设备上的Ionic DevApp上测试我的应用程序时，应用程序无法与后端通信（REST API）。每次我发送请求（如登录请求）时，系统都会响应[objectprogressevent]。

console.log显示错误信息：

[ng] [console.log]: {
[ng]   "headers": {
[ng]     "normalizedNames": {},
[ng]     "lazyUpdate": null,
[ng]     "headers": {}
[ng]   },
[ng]   "status": 0,
[ng]   "statusText": "Unknown Error",
[ng]   "url": "http://localhost:8080/restapi/api/user/login",
[ng]   "ok": false,
[ng]   "name": "HttpErrorResponse",
[ng]   "message": "Http failure response for http://localhost:8080/restapi/api/user/login: 0 Unknown Error",
[ng]   "error": {
[ng]     "isTrusted": true
[ng]   }
[ng] }

我的申请：

前端：离子角

后端（RESTAPI）：JavaSpringMVC、Oracle开发人员数据库、Hibernate

我已经搜索并尝试在不同的在线资源上找到解决方案，但不幸的是，其他人提供的解决方案在我的场景中不起作用。因此，我发布这个问题是为了向你们中任何一位离子技术专家寻求帮助。非常感谢。

我的登录请求代码：

this.http.login(this.user)
        .subscribe((userData: any) => {
                console.log('Success login');
                this.http.storeToken(userData.token);
                this.loginForm.reset();
                this.errorMessageService.setValidationErrorMessage('');
                this.exceptionHandlerService.setErrorResponse('');
                console.log(userData);
                this.router.navigate(['']);
            },
            error => {
                if (this.exceptionHandlerService.getErrorResponse() === null || this.exceptionHandlerService.getErrorResponse() === '') {
                    console.log(error);
                    this.exceptionHandlerService.setErrorResponse(error.error);
                }
                console.log(error);
            });

我的登录服务代码：

userUrl = 'http://localhost:8080/restapi/api/user/';
login(user: User) {
        const body = JSON.stringify(user);
        return this.http.post<User>(this.userUrl + 'login', body, httpOptions);
    }

Answer 1

谢谢你的帮助，我找到了解决办法。

我将前端应用程序代码中的API服务URL从localhost更改为我的计算机ip地址，现在一切正常。

从：

userUrl = 'http://localhost:8080/restapi/api/user/';

致：

userUrl = 'http://192.164.0.111:8080/restapi/api/user/';

Reaz Murshed给出的答案是：无法从Android应用程序连接到LocalHostAPI