이전 글에서 Java 에서 cors에 대해 설정하는 글이 있었다면, 이번에는 Node.js를 사용하여 서버를 구축했을 때의 cors 처리법을 기술해보고자 합니다. 가장 먼저 cors를 설치합니다. # http, express, cors 모듈 설치 $ npm install http express cors 1. 모두에게 허용하기 다음과 같이 cors를 설정하면 모두에게 허용이 됩니다. // index.js const http = require('http') const express = require('express') const app = express() const server = createServer(app) const cors = require('cors') const port = 8080 app.u..
클라이언트에서 CORS 에 대한 해결 이슈를 작성하면서 이 부분이 서버에도 적용이 되야 하는 부분이 있어 추가로 작성하게 되었습니다. 서버에서도 CORS를 해결하기 위한 방법이 있는데, 여기서는 Spring Framework v5, Spring Boot 2를 사용하였습니다. 참고한 문서는 아래에 있습니다. brunch.co.kr/@adrenalinee31/1 spring.io/guides/gs/rest-service-cors/#initial Enabling Cross Origin Requests for a RESTful Web Service this guide is designed to get you productive as quickly as possible and using the latest Spr..
axios 를 활용하여 클라이언트 개발을 진행하려다가 CORS 이슈가 발생해서 증상을 살펴보았습니다. CORS(Cross Origin Resource Sharing) : 도메인 또는 포트가 다른 서버의 자원을 요청하는 매커니즘. 이 때 요청을 할 때는 cross-origin HTTP 요청에 의해 요청됩니다. 하지만 html 또는 script와 같은 언어로 인해 CORS 같은 상황이 발생하면 외부서버에 요청한 데이터를 브라우저에서 보안 목적으로 차단합니다. 저의 경우 localhost:8100 에 서버를 두었고, react 웹 서버는 localhost:19006 에서 실행하고 있었기 때문에 발생하였습니다. App.js getLoginUser = async (id, password) => { const { ..