NPM 과 DSM 관의 관계 - Mixed Content

처음에 DSM 사용할떄는 공유기를 포트포워딩 해서 DSM에 접근했는데 

아무리 생각해도 보안적으로 위험해 보이더라고요....

그래서 NPM(Nginx Proxy Manager)를 사용하여 

외부 - 내부 

Https - Http 

와 같은 네트워크를 구성했는데 이상하게 DS-Video에서 무한로딩이 나타납니다...

코덱 문제인가 싶어 여러번 삽질을 했는데 

문득 f12를 눌러 콘솔 로그를 봤는데 

Mixed Content: The page at '<URL>' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint '<URL>'. This request has been blocked; the content must be served over HTTPS.

아하.... Https 에서 Http 요청을 불러오면 요러한 오류가 발생하는군요..

부랴부라 DSM HTTPS 를 활성화하고 연결하니까 매우. 잘. 거짓말처럼. 완벽히 재생됩니다..

여러분도 무한로딩에 걸리셨다면, 코덱설치가 되어있다면 요 부분 체크하심 도움될것 같습니다!