Cordova在Angular应用程序中构建更改请求URL

Question

我的应用程序有问题。 我创建有角度的应用程序并用cordova包装。 在android模拟器中，请求url很好，但是当我复制文件并在手机中进行测试时，url错误。

我的要求： http : //111.111.11.111/myReq-很好

在我的手机上，在Cordova构建之后：file：/// android_asset / www / null / login -bad

这是我的错误：

POST文件：/// android_asset / www / null / login net :: ERR_FILE_NOT_FOUND

我尝试解决方案：

1. ng build --prod和cordova build --prod
2. 重命名文件和目录为小写
3. 将行：首选项名称=“ loadUrlTimeoutValue”值=“ 60000”或70000添加到config.xml

这是我的要求：

userLogin(login: string, password: string): Observable<any> {

    const baseUrl = 'http://111.111.11.111/myReq'

    const httpOptions  = {
      headers: new HttpHeaders({
        'Content-Type':  'application/json',
        'Authorization': 'myToken',
      })
    };

    return this.http.post<any>(`${baseUrl}/login`, JSON.stringify({login, password}), httpOptions);

  }

没有任何作用。 我该如何解决？

Answer 1

由于我的假设是正确的，因此我将给出一个真实的答案，请创建另一个变量，该变量包含将接收POST请求的完整网址

const requestUrl = `${baseUrl}/login` 

return this.http.post<any>(requestUrl, JSON.stringify({login, password}), httpOptions)

如果由于某种原因模板变量对您不起作用（请执行控制台日志以检查值），只需连接两个字符串，如下所示

const requestUrl = baseUrl + '/login'

return this.http.post<any>(requestUrl, JSON.stringify({login, password}), httpOptions)