안녕하세요!!
아과노트 입니다.
이번 시간은 지난 시간에 이어서 CouchDB를 설치 후 필수 설정인 CORS 설정을 진행해 보겠습니다.
아직 CouchDB를 시놀로지에 설치 안하셨다면 이전 글을 참고해 주세요
[옵시디언] 시놀로지를 이용해서 Self-hosted LiveSync 구축하여 동기화 하기(CouchDB 설치) 1편(공식문서
안녕하세요!!오랜만에 글을 올리는 아과노트 입니다.그동안 육아때문에 너무 정신이 없어서 글을 못올렸네요 ㅠㅠ 무엇으로 오랜만에 글로 인사드릴까 하다가,최근에 옵시디언을 사용하는데 Se
alphalok.tistory.com
먼저 CORS란 무엇인가를 간단히 정리하면 다음과 같습니다.
CORS(Cross-Origin Resource Sharing, 교차 출처 리소스 공유)는 웹 브라우저에서 보안상의 이유로 서로 다른 출처(도메인, 프로토콜, 포트)의 리소스 간 요청을 제한하는 Same-Origin Policy(동일 출처 정책)를 우회하거나 제어하기 위해 사용하는 웹 표준 메커니즘입니다.
즉, 보안때문에 있게 되는것인데요, 한 사이트에서 다른 사이트로 요청하는 것을 제한하는 것입니다.
Self-hosted LiveSync는 내부적으로 브라우저 WebSocket / Fetch API를 이용해 CouchDB에 접속합니다.
만약 CORS를 설정하지 않으면 옵시디언에서 다음과 같은 오류를 만나게 될 수도 있습니다.
Access to fetch at 'http://192.168.0.10:5984' from origin 'app://obsidian.md' has been blocked by CORS policy.
또는 LiveSync에서 다음과 같은 오류로 표시됩니다:
SyncError: CORSError / Fetch failed
저런 오류를 만나면 여기까지가 끝인가 하고 포기하기 쉽게 됩니다...
그래서 저 오류를 만나기 전에 먼저 CouchDB에 셋팅을 진행해 볼께요.
지난번 처럼 먼저 CouchDB의 utils에 들어갑니다.
http://시놀로지IP:5984/_utils/
그리고 Configuration 메뉴에 CORS를 선택합니다.
그러면 "Enable CORS" 라는 버튼이 있습니다. 이 부분을 클릭합니다.
그러면 다음과 같이 활성화가 되는데
일단 모든 도메인을 허용하도록 합니다.
그러면 우리의 CouchDB가 CORS를 지원할 수 있도록 셋팅이 됩니다.
이제 CouchDB의 기본적인 셋팅이 끝났습니다.
다음 이시간에는 Obsidian에서 설정을 진행하도록 하겠습니다.