javascript - Cordova 在 Angular 应用程序中构建更改请求 url

Question

我的应用程序出现问题。我以 Angular 创建应用程序并用 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 请求的完整 url 的变量

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)