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

Question

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

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] }

我的申请：

前端： Ionic + Angular

后端（REST API）： Java Spring MVC，Oracle Developer Database , 休眠

我已经搜索并尝试在不同的在线资源上找到解决方案，但不幸的是，其他人提供的解决方案不适用于我的情况。因此，我发布这个问题是为了向你们中的任何一位 ionic 专家寻求帮助。 谢谢。

我的登录请求代码：

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 提供的答案：