클라이언트에서 서버로 요청 보내기 (+ CORS)

클라이언트는 3000번 포트, 서버는 8002번 포트에서 실행중이다. 따라서 클라이언트에서 서버로 바로 요청을 보낼 수 없고 프록시를 통해 요청을 보내야 한다. 'http-proxy-middleware'를 이용한다. 클라이언트에 setupProxy.js 파일을 만들어 주고 아래와 같이 작성했다. (http://localhost:3000/api/auth/login 으로 요청을 보내면 http://localhost:8002/api/auth/login 요청이 서버로 전달된다.)

const proxy = require('http-proxy-middleware');
module.exports = function(app) {
    app.use(
        '/api',
        proxy({
            target:'http://localhost:8002',
            changeOrigin: true,
        })
    );
};

+) 서버만 가지고 테스트할땐 잘 되던 카카오 로그인이 안된다. CORS Policy 때문이다. 클라이언트와 서버의 포트가 다르기 때문에 발생하는 문제라고 한다. 미들웨어 cors를 추가하거나 헤더를 추가하는 방법으로 해결하는 것 같은데 미들웨어 추가만으로는 일단 해결이 안돼고 좀 더 생각을 해 봐야겠다.