React NodeJs proxy

리액트의 프론트에서 백엔드의 정보를 가지고 오고 싶었다.

 

proxy를 이렇게 package.json에 적용하면 된다고 한다.

 

하지만....

나는 안된다.

나는 왜 저주 받았을까.

 

 

암만 해도 안되어서 차선책으로

middleware를 들고 왔다.

 

프론트 단에 src 아래에 setupProxy.js 파일을 만들어준다.

 

다음 코드를 붙여넣기한다.

const { createProxyMiddleware } = require('http-proxy-middleware');

module.exports = function (app) {
    app.use(
        createProxyMiddleware('/api', {
            target: 'http://localhost:5000/',
            changeOrigin: true
        })
    )
};

 

 

그리고 실행했더니 해결되었다.

다행이다.