React - proxy 설정들

 

개발 시 설정

 

1번

package.json 사용

 

2번

http-proxy-middleware 사용

# middleware
npm i http-proxy-middleware

 

setupProxy.js

// src/setupProxy.js

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

module.exports = function(app) {
  app.use(
    '/ISteamApps/GetAppList/v2', // 이 url 로 접근시
    createProxyMiddleware({
      target: 'https://api.steampowered.com', // https://api.steampwored.com/ISteamApps/GetAppList/v2
      changeOrigin: true,
    })
  )
};

 

service 파일은 url 만 적어주면 된다

 

다만 둘다 개발 환경에서만 적용이 가능하기에

 

만약 작은 프로젝트의 경우

Anywhere 나 cors.sh 를 활용하자