local에서 front와 back을 docker hub에 올려두고 docker-compose run시켰다 구조는 80->3333->80 순서의 간단한 구조였다 cloud9의 ec2에서도 허브에 있는 front와,back을 docker-compose-up 시킨다 여기서 ec2의 퍼블릭 80으로 들어가면 cors위반에러가 발생하는데 backend의 app.js에서 cors를 사용한다고 고쳐주면 해결된다 const express = require('express') const cors = require('cors') const app = express() app.use(cors())
분류 전체보기
class1 FROM node:16-alpine workdir /app copy package*.json ./ run npm install copy . . expose 80 cmd ["node","app.js"] npm 설치하고 추가로 생기는 모듈도 챙겨야해서 한번더 전체를 카피한다 도커데스크탑을 켜야 엔진이 돌아간다 docker build --tag=backend . -> 뒤에 . 을 붙여야 하는데 현재 폴더에 있는걸 빌드 한다는 뜻이다 dockerfile을 각각 이미지로 빌드 하고 내 컴퓨터에 있는 이미지를 도커허브에 넣어야 한다 docker login->docker push name 도커레포지에 푸쉬하는 이유 : 로컬에만 존재하면 복구 위험이 존재하기때문에 푸쉬한다 레포지에는 하나의 이미지만 존재할..
브라우저에서 ec2로 post요청을 보내니 CORS정책에 의해 오류가 발생했다 CORS는 인바운드 규칙을 수정하면 해결되니 EC2의 인바운드 규칙에서 모든 브라우저에서 접속 가능하게 변경하면 해결된다 CORS공부하 참고 : https://inpa.tistory.com/entry/WEB-%F0%9F%93%9A-CORS-%F0%9F%92%AF-%EC%A0%95%EB%A6%AC-%ED%95%B4%EA%B2%B0-%EB%B0%A9%EB%B2%95-%F0%9F%91%8F 🌐 악명 높은 CORS 개념 & 해결법 - 정리 끝판왕 👏 악명 높은 CORS 에러 메세지 웹 개발을 하다보면 반드시 마주치는 멍멍 같은 에러가 바로 CORS 이다. 웹 개발의 신입 신고식이라고 할 정도로, CORS는 누구나 한 번 정도는 겪게 ..