일단 여기에 이어서 함. 1. axios 모듈을 받아야 함. npm install axios 2. client.ts 파일 생성 touch src/scripts/client.ts 3. client.ts 파일 작성 import axios, { InternalAxiosRequestConfig } from 'axios'; const client = axios.create({ headers: { 'X-Requested-With': 'XMLHttpRequest', 'Cache-Control': 'no-store', }, withCredentials: true, }); export const getData = async ( url: string, params?: any, config?: InternalAxiosReq..
CORS Error 해결 하기
CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유) 란, 보안을 위해 출처가 같을 때만 리소스를 공유할 수 있도록 만든 정책임. 즉, CORS Error가 발생한다는 것은 요청하는 URL과 응답하는 URL이 일치하지 않기 때문임. (MDN 접근 제어 시나리오 예제 참고) 해결하기 가장 좋은 방법은 서버에서 설정해주면 됨. 하지만, 내가 원하는대로 서버를 건들지 못하는 경우들이 있음. 그럴 때 해결하는 방법들을 정리하고자 함. 1. Chrome Extension 사용 많은 사람들이 이용하는 chrome extension 중 하나인 ' Allow CORS: Access-Control-Allow-Origin' 임. 이걸 해도 안 될 때가 있음. 2. Chrome 속성에서 ..
vite로 번들러를 변경하고 진행하다 만난 오류다. Buffer라는 BufferConstructor를 사용해야 하는데 안 되길래 뭔가 하고 봤더니 type이 any다. 이건 설치하고 수정해야한다는 계시인 것이다. 1. @esbuild-plugins/node-globals-polyfill 설치 npm install @esbuild-plugins/node-globals-polyfill 2. vite.config.js 수정 import ... 생략 ... import GlobalPolyFill from "@esbuild-plugins/node-globals-polyfill"; export default defineConfig({ ... 생략 ... plugins: [ ... 생략 ... GlobalPolyFi..