Javascript

axios 응답 한글 깨짐 현상

킹king 2023. 1. 25. 15:14
반응형

 

사실 아직 이유는 모르겠음. 일단 utf8이 아닌 eur-kr? 뭐 이런 형식으로 보내서 그렇다는데 백엔드 파일에는 utf8이라고 충분히 써져있는거 같고.. 아무튼 몇가지 방법을 찾았는데 나는 다 안됐구 그냥 fetch로 받으니까 되서 그렇게 처리함(휴). 나중에 또 만날지 모르니 글정리 해둘겸 씀.

 

1. npm 라이브러리 설치

https://sulfurbottom.netlify.app/Javascript/Axios-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC%EC%97%90%EC%84%9C-%EC%9D%B8%EC%BD%94%EB%94%A9-%EB%AC%B8%EC%A0%9C-%ED%95%B4%EA%B2%B0%EB%B2%95/

 

Axios 라이브러리에서 인코딩 문제 해결법

Node.js로 웹 크롤러를 제작하다가 euc-kr으로 인코딩된 페이지에서는 글자가 깨지는 문제가 발생하여 해결법을 알아보았다. 라이브러리를 설치한 후 import 한다. 먼저 Axios의 responseType을 로 지정한

sulfurbottom.netlify.app

왠만하면 설치 안하고 하고싶어서 일단 패스함

 

 

2. 백엔드 파일 수정

https://urakasumi.tistory.com/170

 

[ Spring ] axios로 AJAX 통신 ( + 415 에러코드 & 한글깨짐)

pom.xml 에 해당 dependency를 추가해야한다. (이 dependency 없이 AJax 통신을 시도하면 cotroller로 넘어가는 데이터가 null이거나 415 에러가 뜬다.) com.fasterxml.jackson.core jackson-databind 2.9.5 Model @Data @Component pub

urakasumi.tistory.com

프로젝트 백엔드가 스프링부트로 되어있어서 이걸로 해보려했는데 잘 안되서 패스

 

 

3. axios 헤더에 파라미터 추가

https://blog.doyeonism.com/17

 

axios get으로 api 호출했는데 response data 깨지는 현상 header 추가

최근 포트폴리오 웹사이트를 만드는 중 문제가 생겨 애를 먹었습니다. 제가 운영하는 유튜브 채널의 데이터를 받아오기 위해 axios를 사용하는데 이렇게 정상적으로 글자가 나오지 않고 위 사진

blog.doyeonism.com

이렇게 header에 써봤는데 Refused to set unsafe header "Accept-Encoding" 와 같은 에러도 같이 났고 여전히 이상한 특문자만 뚱땅뚱땅 나타남