리액트 CORS 에러 proxy 설정

리액트 CORS 에러

리액트 Axios CORS 에러

개발 환경

Spring Boot

## CORS
spring.mvc.cors.allowed-origins=http://localhost:3000
spring.mvc.cors.allowed-methods=GET,POST,PUT,DELETE
spring.mvc.cors.allowed-headers=*

React

프록시 설정

"proxy": "http://localhost:8080",

운영 환경

React

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

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