CORS 처리

서로 다른 도메인이 데이터를 요청했을 때 허용 권한이 없으면 발생한다.

 

상황

client단에서 server로 데이터를 요청했다.

<button
    onClick={async () => {
       const result = await axios.get("/products");
       console.log(result);
     }}
>
 리스트 불러오기
</button>

 

해결 방법

server단은  npm install cors

설치 후에 아래 코드를 추가했다.

const cors = require('cors');
app.use(cors()); 

client단은  package.json에 "proxy": "http://localhost:8080" 데이터 받아올 도메인을 작성했다.