예쁜 로그인 스플래시 화면 대신 화면 왼쪽 상단에 이것이 표시되는 이유는 무엇인가요?

기내에서 접근 권한을 확보할 수 있었습니다. 결론적으로 두 가지 문제 모두 CSP로 인해 발생하는 것입니다. 해당 정책을 주석 처리하면 정상적으로 작동합니다.

하지만 style-src를 정상적으로 작동시키기 위한 마법 같은 구문을 찾는 일은 쉽지 않습니다. 제가 그 정답을 찾지는 못했습니다.

누군가 이 문제를 해결해 본 적이 있는지 확인하기 위해 새로운 주제를 개설하겠습니다.

제 실수였는데, 최근에 CSP를 활성화했다는 사실을 잊고 있었습니다. 죄송합니다.

그럼에도 불구하고 도움을 주셔서 정말 감사합니다!

걱정 마세요. :slight_smile:

연속성을 위해 새 주제에 대한 링크도 여기에 추가할게요: :+1:

원圈内된 아바타 플레어는 디스커스 팀 멤버들입니다.

맞아요, 하지만 우리, 릴리, 호크가 실제로 코딩을 많이 하는 건 아닌 것 같아요. :slight_smile:

그래도 우리도 쓸모가 있죠. 팀원 3명이 함께 힘을 보태고 있으니(CEO까지 포함해서 :slight_smile:) 꽤 잘하고 있다고 생각합니다. :raised_hands: :discourse:

아마도 맞을 겁니다. 하지만 당신이나 릴리 같은 사람들이 가진 지식과 경험은 종종 문제를 해결해 주곤 합니다. 만약 그게 아니라면, 필요할 때 적절한 팀 멤버에게 연락을 취할 거라고 생각합니다. 그러니까… 분류(Triage)입니다. :wink:

여기서 "왜 이런 일이 발생했나요?"에 대해 명확하고 간결한 답을 얻으려면:

CSS가 로드되지 않아 스타일이 적용되지 않은 페이지를 보고 있는 것입니다.

예를 들어, 스타일 없이 로딩 중인 메타 페이지는 다음과 같습니다:

JS도 아마 로드되지 않았을 것입니다… 예를 들어, 로딩이 완료된 후에도 스타일 없이 보이는 메타 페이지는 다음과 같습니다:

이러한 상황을 볼 때마다 네트워크 탭을 확인하여 브라우저가 모든 것을 로드했는지, 아니면 무언가가 실패했는지 살펴보세요. 그것이 해결해야 할 문제입니다.

사이트 설정에서 활성화할 수 있는 content security policy report only 옵션이 있습니다. 이 옵션을 활성화하면 문제를 파악하는 동안에도 사이트가 작동하도록 할 수 있습니다.