유통기한 관리_개인프로젝트
CORS 처리
avocado12
2021. 4. 2. 10:17
서로 다른 도메인이 데이터를 요청했을 때 허용 권한이 없으면 발생한다.
상황
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" 데이터 받아올 도메인을 작성했다.