현재 진행하는 프로젝트를 내가만든 golang 서버와 프록시로 연결하기 위해서
사용하는 방법이다. 간단하다!
일단 npm을 사용하면,
npm install http-proxy-middleware
를 이용하여 미들웨어를 설치해주고,
프로젝트 폴더내 src 폴더안에 ( /src/setupProxy.js )
setupProxy.js 라는 폴더를 만든후 다음과 같이 입력한다.
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app){
app.use(
createProxyMiddleware('/api', {
target: 'http://localhost:3001/',
changeOrigin: true
})
)
};
/api 는 프록시를 사용할 경로 (path) 이고,
target 은 내가 프록시로 이용할 서버의 주소이다.
changeOrigin은 대상 서버의 구성에 따라 호스트 헤더의 변경을 해주는 옵션이다.
'FrontEnd > React' 카테고리의 다른 글
Inline Styling에 대한 이야기 (0) | 2021.10.08 |
---|---|
Each child in a list should have a unique "key" prop 에러관련 (0) | 2021.08.24 |
create-react-app 에 typescript 적용하기 (0) | 2021.08.04 |
Npm install 시 프로젝트 이름 관련 에러 (0) | 2021.08.03 |
React.js 의 상태를 임의로 변화하지 말아야 할 이유 (0) | 2021.08.03 |