테스트 사이트 - 개발 중인 베타 버전입니다

http or https 둘다 접속될 때 css가 안 깨지게 하려면 어떻게 해야되나요? 채택완료

qwqweqwe 6년 전 조회 7,900

http or https 둘다 접속될 때 css가 안 깨지게 하려면 어떻게 해야되나요?

 

현재는 http로 접속할 때는 css가 안 깨지는데

 

https로 접속하면 css가 깨져서 보안콘텐츠 모두 보기하면 제대로 보이네요

 

모바일에서는 보안 콘텐츠 모두 보기 버튼도 없어서 다 깨져서 나오고요..

 

혹시 어떻게 고쳐야될까요?? http https 둘다 써도 잘 출력되게 할 수는 없을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
해피정
6년 전

css 주소가  /css/style.css  라고 한다면

<link rel="stylesheet" href="http://aaa.com/css/style.css">  ... http(O) , https(X)

<link rel="stylesheet" href="https://aaa.com/css/style.css">  ... http(O) , https(O)

<link rel="stylesheet" href="/css/style.css">  ... http(O) , https(O)  최선의 선택

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

보통은 http 로 접속할 경우 https로 이동시킵니다.

아래는 virtualhost 설정부분입니다.

 

</p>

<p><VirtualHost 11.22.33.44:80>

    DocumentRoot /home/abc/www

    ServerName abc.com

    ServerAlias www.abc.com

    <IfModule mod_rewrite.c>

        RewriteEngine On

        RewriteCond %{HTTPS} off

        RewriteRule .* <a href="https://%{SERVER_NAME}%{REQUEST_URI}" target="_blank" rel="noopener noreferrer">https://%{SERVER_NAME}%{REQUEST_URI}</a> [R,L]

    </IfModule>

</VirtualHost>

<VirtualHost 11.22.33.44:443>

    ServerAdmin webmaster@dummy-host.example.com

    DocumentRoot /home/abc/www

    ServerName abc.com

    ServerAlias www.abc.com

    ErrorLog logs/abc.com-error_log

    CustomLog logs/abc.com-access_log common

    SSLEngine on

    SSLCertificateFile "/home/abc/www_abc_com.crt"

    SSLCertificateKeyFile "/home/abc/ssl.key"

    SSLCACertificateFile "/home/abc/www_abc_com.ca-bundle"

</VirtualHost></p>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

플라이
6년 전

http까지 도메인 전체를 쓰게 되면 문제되는 부분입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

1. http: 혹은 https:를 떼고 쓰시면 돼요.

<link rel="stylesheet" href="//domain.com/style.css">

 

2. 상대 경로로 지정하셔도 돼요.

<link rel="stylesheet" href="../style.css">

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인