vue3

Vue3 Axios 사용 시 CORS + 504(Gateway Time-out)

개요 vue를 통해 front-end측 로직 처리 중 이상한 오류가 발생하여 공유한다. api 호출 시 특정 상황에서 CORS 오류가 발생하는데, CORS 오류와 함께 504 에러가 발생하는 것이다. 서버측 CORS 설정은 한참전에 완료되었기 때문에 다른 문제라고 바로 생각이 들어서, CORS + 504 에러가 발생하는 경우로 검색해봤다. 아래의 블로그가 나와 비슷한 현상이 발생하는것 같아서 적용해보니 해결할 수 있었다. 504 (Gateway Timeout) 에러 해결 (AWS EB, Node.js) 또한 CORS와 함께 504 에러가 발생하는 이유는 아래의 글에서 확인할 수 있었다. https://github.com/kubernetes/ingress-nginx/issues/2134 정리 문제의 원인은..

vue3+typescript+vite 환경에서 jquery 사용

개요 SSAFY 2학기 특화 프로젝트에서 front-end를 담당하며 생긴 trouble shooting 로그를 남겨본다. 책을 넘기는 듯한 ui를 구현하기 위해 turn.js 라이브러리를 활용했으나, 환경적인 문제로 인하여 jquery 적용에 어려움을 느꼈다. 이를 해결한 방법을 정리해보자. 환경 vue ^3.3.0 vuetify ^3.0.0 typescript vite JQuery 적용하기 먼저 JQuery 적용 및 turn.js 사용을 위해 js 파일을 다운로드 한 후 index.html 파일에 추가해줬다. 여기까지 설정 후 바로 npm run dev 명령어를 통해 실행 시 정상적으로 표시되지만 빌드하여 서버에 업로드 시 아래의 오류 발생하며, turn.js 라이브러리가 정상 적용되지 않은것처럼 표..