VUE

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 정리 문제의 원인은..

VResponsive.sass net::ERR_ABORTED 404 (Not Found)

개요 vue project 개발 중 로컬에서 앱 시작 시 오류 발생하며, 처음 페이지 로딩 시 콘솔에 아래의 로그가 표시됨. GET net::ERR_ABORTED 404 (Not Found) chunk-GGIT7KZK.js:46 GET net::ERR_ABORTED 404 (Not Found) chunk-GGIT7KZK.js:49 GET net::ERR_ABORTED 404 (Not Found) 오류 환경 OS : Windows 10 Enterprise Vue 3.3.0 + Vuetify 3.0 + typescript npm run dev 실행 오류 내용 분석 로그를 읽어보면 vuetify의 sass 파일을 찾지 못해 페이지를 보여주지 못하는 것으로 보인다. 관련 내용으로 구글링 해보자. 오류 확인 관련..