기존에 backend쪽 node로 서버 띄울 때 마치 당연한 듯 에러가 나지 않았다

그 이유는 backend>server.js 에서 .use(cors()) 를 사용했기 때문!

const app = express();
app.use(cors()); // 프론트와 통신 허용

그런데 만약, use(cors())로 직접 설정해줄 수 없는 상황이라면???

그럴 때, Proxy를 써주는 것이다!!!!!!!

말로만 듣던 Proxy.. 그럼 어떻게 진행할까?

1. 메모장(hosts 파일) 수정

메모장을 ‘관리자 권한’ 으로 실행한 후, 파일>열기 를 통해

C:\Windows\System32\drivers\etc 안에 hosts 라는 파일을 열어 아래 코드를 추가합니다.

127.0.0.1   my-test-api.com
127.0.0.1   my-test-client.com

2. backend의 node 파일 수정 (external_api.js)

const express = require('express');
const app = express();

app.get('/data', (req, res) => {
    res.json({ message: "외부 도메인 서버에서 온 데이터입니다!" });
});

// 포트는 3001로 고정
app.listen(3001, () => console.log('API 서버 실행 중...'));

<aside> 💡

node exteranl_api.js

</aside>

3. front의 page.tsx 수정