사실 아직 이유는 모르겠음. 일단 utf8이 아닌 eur-kr? 뭐 이런 형식으로 보내서 그렇다는데 백엔드 파일에는 utf8이라고 충분히 써져있는거 같고.. 아무튼 몇가지 방법을 찾았는데 나는 다 안됐구 그냥 fetch로 받으니까 되서 그렇게 처리함(휴). 나중에 또 만날지 모르니 글정리 해둘겸 씀.
1. npm 라이브러리 설치
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 헤더에 파라미터 추가
axios get으로 api 호출했는데 response data 깨지는 현상 header 추가
최근 포트폴리오 웹사이트를 만드는 중 문제가 생겨 애를 먹었습니다. 제가 운영하는 유튜브 채널의 데이터를 받아오기 위해 axios를 사용하는데 이렇게 정상적으로 글자가 나오지 않고 위 사진
blog.doyeonism.com
이렇게 header에 써봤는데 Refused to set unsafe header "Accept-Encoding" 와 같은 에러도 같이 났고 여전히 이상한 특문자만 뚱땅뚱땅 나타남
'Javascript' 카테고리의 다른 글
scrollTo() 안될때 (0) | 2023.03.24 |
---|---|
tsconfig.json 오류 뜰때 (0) | 2023.03.17 |
Cannot read properties of null (reading 'includes') 에러 문구 (0) | 2023.01.18 |
iframe 내에서 일부 폰트가 적용되지 않을 때 (0) | 2023.01.17 |
Blob 쓸 때 에러문구 (0) | 2023.01.13 |