Angular 无法解析巨大的 JSON

Question

我有一个用 nativescript 制作的应用程序，我遇到的问题是，当我从后端接收数据时，我收到一个错误：

Angular code:

   return await this._clientesService
            .getFromBackend()
            .toPromise()
            .then(async (res: any) => {
                return res.data
            })

My service code:

getFromBackend() {
        return this._http.get(`${ConfigService[ConfigService.ACTIVE_SERVER]}clientes?get-all=true&vendedor=${ConfigService.SELECTED_VENDEDOR_ID}`)
    }

The error:

JS: ERRORRR {
JS:   "headers": {
JS:     "normalizedNames": {},
JS:     "lazyUpdate": null
JS:   },
JS:   "status": 200,
JS:   "statusText": "OK",
JS:   "url": "http://172.16.0.229:8000/api/clientes?get-all=true&vendedor=999",
JS:   "ok": false,
JS:   "name": "HttpErrorResponse",
JS:   "message": "Http failure during parsing for http://172.16.0.229:8000/api/clientes?get-all=true&vendedor=999",
JS:   "error": {
JS:     "error": {},
JS:     "text": "{\"data\":[{\"cliente\":0,\"digito\":0,\"cli_pessoa\":0,\"nome\":null,\"ruc\":null,\"email\":null,\"cidade\":null,\"rg\":null,\"fone\":null,\"endereco\":null,\"condV\":1},{\"cliente\":5911,\"digito\":59115,\"cli_pessoa\":2,\"nome\":null,\"ruc\":\"3671157 8\",\"email\":null,\"cidade\":\"HERNANDARIAS\",\"rg\":null,\"fone\":null,\"endereco\":null,\"condV\":1},{\"cliente\":47174,\"digito\":471741,\"cli_pessoa\":2,\"nome\":null,\"ruc\":\" -\",\"email\":null,\"cidade\":\"C D E \",\"rg\":null,\"fone\":null,\"endereco\":null,\"condV\":1},{\"cliente\":54543,\"digito\":545430,\"cli_pessoa\":2,\"nome\":\" ADOLFO BENITEZ\",\"ruc\":\...

I returned those datas from my back Laravel 5.7 中的结束：

return response()->json([
    "data" => ClientResource::collection($res),
    "query" => $request->cliente,
    "current_page" => $res->currentPage(),
    "last_page" => $res->lastPage(),
], 200);

问题是我的数据库中有 60.000 条记录，当我返回 10 或 50 条时，它可以工作，但是当我返回更多记录时，它不起作用，我不知道为什么，

在邮递员中它工作得很好，我只在我的角度应用程序中遇到这个问题

，我已经尝试

{responseType: 'text'}

在我的http.get上添加，它可以工作，但是当我执行 JSON.parse() 时抛出一个错误，

JS: ERRORRR SyntaxError: Unexpected token , in JSON at position 58756

我已经用 JSON 确认了我返回的 JSON验证器并且有效

所有这些看起来我的 json 有一些错误，但我没有，因为如果我以 null 返回我的 json 值，我会得到相同的错误，这是我返回的 json:

{
"data": [
    {
        "cliente": 13277,
        "digito": 132779,
        "cli_pessoa": 2,
        "nome": " ",
        "ruc": "1182263-5",
        "email": null,
        "cidade": "PDTE FRANCO",
        "rg": null,
        "fone": "",
        "endereco": null,
        "condV": 1
    },
    {
        "cliente": 14539,
        "digito": 145390,
        "cli_pessoa": 2,
        "nome": " ",
        "ruc": null,
        "email": null,
        "cidade": "MAYOR OTA O",
        "rg": null,
        "fone": "",
        "endereco": null,
        "condV": 1
    },
    {
        "cliente": 55231,
        "digito": 552315,
        "cli_pessoa": 2,
        "nome": " ",
        "ruc": null,
        "email": null,
        "cidade": "PDTE FRANCO",
        "rg": null,
        "fone": null,
        "endereco": null,
        "condV": 1
    },
    {
        "cliente": 58235,
        "digito": 582351,
        "cli_pessoa": 2,
        "nome": " ",
        "ruc": " 0",
        "email": null,
        "cidade": "C D E ",
        "rg": null,
        "fone": null,
        "endereco": null,
        "condV": 1
    },
    {
        "cliente": 6891,
        "digito": 68912,
        "cli_pessoa": 2,
        "nome": " ",
        "ruc": null,
        "email": null,
        "cidade": "HERNANDARIAS",
        "rg": null,
        "fone": "",
        "endereco": null,
        "condV": 1
    }
],
"query": null,
"current_page": 5,
"last_page": 11608

}

有人可以帮助我吗？

Answer 1

我认为你的数据太大了，不知何故你的后端或角度限制了它。你永远不应该返回这种类型的大数据。

尝试限制 Laravel Collection 中的选定字段，或对它们进行分页。