Axios: 때때로 response.data는 객체 대신 문자열입니다.

@huy-lv,

content-type 는 두 응답 모두 동일합니까?

@robmcguinness 네, application/json입니다

나는 같은 행동을 본다. 제 경우에는 API 응답에 잘못된 JSON 데이터가 포함되는 경우가 있습니다. 즉, JSON.parse 가 발생합니다. 어떤 이유로 Axios는 이 오류를 삼키고 data 속성에 잘못된 JSON 문자열을 설정하게 됩니다.

나도이 문제가있다. response.data 문제 사례를 확인할 때 " 데이터와 같은 일부 잘못된 JSON 문자열이 응답에 추가되어 JSON.parse에 오류가 발생하고 문자열을 반환합니다.

Axios, XMLHttpRequest, fetch로 확인했습니다.
1./ Axios와 XMLHttpRequest에 같은 문제가 있습니다.
2./ 작업을 완벽하게 가져옵니다.

일부 문자가 그 문제로 이어질 수 있다는 것을 알고 있습니다. 확실히 해야 합니다.
응답을 캡처하여 파일로 첨부할 수 있습니까?

@OpenGG 답변이 늦어 죄송합니다. 여기에 필요한 것 :D
https://1drv.ms/t/s!AnakDtCf8CG5hIgn2Hemy6zanFi50Q

@huy-lv 내가 기대하는 것이 아닙니다. curl로 답변을 저장하신 후, 저장한 파일을 이 이슈의 답변란에 드롭하여 첨부해주세요.

@huy-lv

신경쓰지 마세요, 찾았습니다.
요점에 붙여넣고 axios로 로드를 시도했지만 오류가 표시되지 않습니다.

파일: https://gist.github.com/OpenGG/ac72e79f9ef088e993213473116c0cd0
데모: https://codepen.io/OpenGG/pen/bxEqKL

나는이 문제가 항상 발생하지 않는다는 것을 알고 있습니다. 각 10 요청마다 약 1-2 번입니다 (동일한 API, 동일한 응답)

@OpenGG React-Native에서 발생합니다. 웹 앱은 완벽하게 작동합니다.

@nighttiger1990

엑스포에서 온라인 데모를 만들고 공유할 수 있습니까? 이 데모는 Axios 또는 RN이 이 문제를 일으키는지 여부를 확인하기 위해 Axios 및 XMLHttpRequest에 대해 동일한 요청을 수행해야 합니다.

@OpenGG 메일을 주실 수
https://github.com/nighttiger1990/axiosBug.git

이 문제에 행운이 있습니까? 나도 직면한다

@Druthi는 이제 '

모든 업데이트?

이것은 귀하의 경우가 아닐 수도 있지만 제 경우에는 다음과 같습니다.
내 API 응답 문자열은 유효한 JSON이 아니므로 axios는 JSON으로 구문 분석할 수 없으며 대신 원시 문자열을 반환합니다.

내 앱(redux-saga,axios)을 webpack4로 마이그레이션했으며 이제 response.data는 객체 대신 문자열입니다. 내가 만든 마이그레이션 변경 사항은 성공적으로 컴파일하기 위해 최소화됩니다.
패키지.json
"웹팩": "^4.29.6",
"webpack-cli": "^3.3.0",
"webpack-dev-middleware": "^3.6.1",
"webpack-dev-server": "^3.2.1"
"파일 로더": "^3.0.1",

webpack-config.js
추가 모드: module.exports에 '개발'
주석 처리된 색상: true, devServer에서
json-loader 주석 처리

JSON.parse(response.data)를 실행했는데 JSON이 손상되었습니다. (예기치 않은 토큰: JSON 위치 8181)

            "municipality": "ddrNote": ""      should be

            "municipality": "",
            "addrNote": ""

response.data의 JSON이 OK(객체)인 마이그레이션 전 webpack3 코드와 비교했습니다. 따라서 마이그레이션된 코드는 response.data에서 JSON을 손상시키도록 관리하고 있으며 이것이 문자열로 나타나는 이유입니다. 이제 질문은 JSON이 손상된 이유입니다.

"webpack-dev-server": "3.1.10"으로 다운그레이드하여 문제를 해결했습니다.

3.1.10 이상의 버전에 대한 응답 손상의 원인인 devServer 프록시가 있습니다.

@petercutting 프로덕션 환경에서도 문제가 되는 것, 관찰하지 못하셨나요?

@nyilmaz 내 문제는 webpack-dev-server로 인해 발생했습니다. webpack-dev-server는 프로덕션 환경에서 사용되지 않습니다.

@petercutting webpack-dev-server에 대한 문제를 열었습니까? 나는 찾을 수 없었다.

@goodmorninggoaway 기억이 안나

webpack-dev-server 문제와 상관없이 Axios는 JSON.parse 예외를 조용히 삼켜서는 안 됩니다. 맞죠?

백엔드에서 잘못된 형식의 JSON을 전송하여 앱의 견고성을 테스트하고 있었습니다. Axios 요청은 JSON 디코딩에 자동으로 실패합니다. content-type 헤더는 여전히 "application/json" 되어 있지만 response.data 는 파싱되지 않은 원시 문자열이고 후속 조치로 내 앱이 예기치 않게 충돌합니다.

별이 60,000개 있는 라이브러리에 반년 동안 그런 기본 버그가 있다는 것은 정말 미친 짓입니다.

webpack-dev-server 문제와 상관없이 Axios는 JSON.parse 예외를 조용히 삼켜서는 안 됩니다. 맞죠?

완전히 유효

반응 네이티브에 대한 이 버그에 대한 업데이트가 있습니까!?

서버의 json 응답이 유효하지 않을 때 이런 일이 발생한다는 것을 발견했습니다. https://jsonlint.com/ 과 같은 json 유효성 검사기를 사용하여 json 형식이 올바른지 확인하십시오.

오류 삼키는 문제가 추적되고 있습니다. 본질적으로 중복되는 문제이므로 이 문제를 종료하겠습니다.

질문이 있는 경우 문의하세요.

@fed135 관련 문제가 있으면 링크해 주세요. 감사합니다.

아직 해결한 사람이 있나요?, 저는 laravel을 API로 사용하고 있으므로 응답을 내 앱에 보내기 전에 기록했습니다. 기록된 응답은 유효한 JSON이지만 수신된 응답의 끝에 마지막 "}" 중괄호가 누락되어 잘못된 응답이 됩니다. 이것이 내 모바일 앱에서 왜 이런 식으로 작동하는지 모르겠습니다. axios를 사용하는 프론트 엔드 앱도 제대로 작동하고 우편 배달부에서도 시도했지만 잘 작동합니다. 어떤 아이디어 또는 솔루션 pls??

데이터가 너무 커질 때 발생합니다 :( 데이터 배열이 작기 때문에 문제가 없었습니다!

@matinzd 내 데이터에 페이지를 매기고 20개만 반환합니다.

@matinzd 및 또한 내 fronend 앱은 동일한 끝점을 사용하며 반응 네이티브가 있는 모바일 앱만 때때로 경험하지 않습니다.

@fed135 후속 조치로 추적하기에 적합한 문제입니까? #61

내 laravel API가 함께 문자열로 나옵니다.

마침내 내 해결책을 찾았습니다.
내가 얻은 데이터는 ===

나는 같은 오류가있다
:(

동일한 문제가 있습니다. jsonlint.com에서 확인한 후 json이 아래와 같이 구문 분석할 수 없는 NaN 의 데이터가 있습니다. 따라서 백엔드가 유효한 JSON 데이터를 전송했는지 확인해야 합니다.

Error: Parse error on line 186:
...,    "position_name": NaN,   "group_name": 
----------------------^
Expecting 'STRING', 'NUMBER', 'NULL', 'TRUE', 'FALSE', '{', '[', got 'undefined'

같은 오류, 누가 고칠 수 있습니까?

☝️ 이 문제를 해결하기 위해 빠른 PR을 했습니다. 도움이 되기를 바랍니다.

axios 0.19.2를 사용하여 반응 네이티브에서 이 문제 가져오기
문제에 대한 업데이트가 있습니까?

나는이 동일한 문제가 있습니다. 나는이 문제를 해결했습니다 axios의 방법을 변경하십시오. 'GET'메소드가있는 경우이 문제를 얻을 수 있기 때문에 본문을 보낼 수 없습니다.이 문제를 해결하려면 'POST'로 변경해야합니다. 일하다