06.25. 최종 프로젝트 / 프론트엔드, 백엔드 분리 배포 후 연결하는 작업

오류❗ netlify has been blocked by cors policy: response to preflight request doesn't pass access control check: redirect is not allowed for a preflight request.

시도❕

1. netlify 환경변수 추가 : .env, netlify.toml 같은 파일로도 업로드 하거나 여기 적지 않고도 관리할 수 있다고 한다. Use environment variables docs

2. settings.py base url 경로 수정

const frontend_base_url = "http://127.0.0.1:5500/assets/doc"
const backend_base_url = "http://127.0.0.1:8000"
const index_url = "http://127.0.0.1:5500/index.html"

const frontend_base_url = "https://gwolnadri.netlify.app/assets/doc"
const backend_base_url = "https://gwolnadri.online"
const index_url = "https://gwolnadri.netlify.app"

3. nginx 설정 변경 : 변경을 해야된다기 보다는 틀린 부분을 수정하였다.

server {
  listen 80;
  server_name gwolnadri.netlify.app; #front

  location / {
    proxy_pass http://backend:8000/; #back
  }

  location /static/ {
    alias /static/;
  }

  location /media/ {
    alias /media/;
  }
}

# 아래부분은 삭제
server {
  listen 80;
  server_name gwolnadri.online;
  return 301 http://www.gwolnadri.online$request_uri;
}

❕ 4. 마이페이지 정보가 보이지 않는 오류

첫 로그인 시 마이페이지에서 내 정보가 보이지 않았다. 두번째부터 로그인 정보가 보였다.  대부분 첫 로그인은 superuser로 한다.  superuser는 보통 비밀번호 규칙을 무시하고 만들기 때문에 validater에 통과하지 못했던 것이다.

❕ 5. git stash

 git fetch origin develop develop
 git checkout FETCH_HEAD > $ git switch -c  FETCH_HEAD
FETCH_HEAD에 develop의 내용이 저장된다.
브랜치를 왔다갔다 오가면서 확인할 수도 있고..
git diff develop FETCH_HEAD
diff로 디벨롭과 패치헤드를 터미널에서 달라진 점을 확인할 수도 있다.
git merge 확인 후 머지한다.
stash
https://kotlinworld.com/279

❕ 6. 컨테이너

컨테이너를 정지하는 것과 종료하는 것은 전혀 다르다. 바뀐 ip로 접속해보면 되는지 안되는지 알 수 있다. 이전의 자료들을 가지고 있는다. (terminate)

---

해결중..

7. 만난 오류들

access-control-allow-origin

Forbidden (403) CSRF verification failed. Request aborted. Reason given for failure: Origin checking failed does not match any trusted origins

크로스 도메인

CSRF

CORS

장고 프로젝트 설정

장고 CSRF 및 CORS 작업

장고 docs CSRF

WEB-📚-CORS-💯-정리-해결-방법-👏

Django admin 로그인, 글 작성 및 수정 시 Forbidden (403) CSRF verification failed.

8. A parser-blocking, cross site 오류

---

프론트엔드 : Netlify 네트리파이

Develop and deploy websites and apps in record time | Netlify

백엔드 : AWS EC2

아마존 클라우드 서버 호스팅 | Amazon Web Services