내 웹 사이트가 동일한 LAN상의 다른 컴퓨터를 통해 액세스 할 때 제대로 표시되지 않는 이유는 무엇입니까?

내 로컬 홈 네트워크에서 웹 서버 (우분투)를 실행 중입니다. 나는 라우터 뒤에있다. WAN에는 직접 IP가 있습니다. 내 홈 네트워크에 있지 않고 WAN 직접 IP를 통해 내 웹 사이트에 액세스 할 때 내 웹 사이트가 올바르게 표시되고 모든 것이 작동합니다.

라우터 뒤의 집 LAN에서 직접 WAN을 통해 내 웹 사이트에 액세스하면 라우터의 관리자 로그인 페이지로 이동합니다. 이것은 정상입니다. 그러나...

가정용 LAN의 다른 컴퓨터에서 내 웹 사이트에 액세스하면 웹 사이트로 연결되지만 레이아웃 디스플레이가 손상되고 링크를 클릭하면 WAN 직접 IP (라우터의 관리자 로그인 페이지)로 연결됩니다.

가정용 LAN에서 웹 사이트에 액세스 할 때 내 웹 사이트가 제대로 표시되도록하려면 어떻게해야합니까?

CSS 및 자바 스크립트 URL을 확인하십시오. 상대 경로를 절대 링크로 전환해야 할 수도 있습니다. URL 라우팅은 사이트 액세스 방법에 따라 다릅니다.

가장 쉬운 방법은 Firebug 또는 개발자 도구 (리소스 탭)를 사용하여 브라우저가로드하려고 시도하는 리소스를 확인하는 것입니다. 스타일 시트가 제대로로드되고 있는지 확인하십시오 (선택하여 내용을 볼 수 있어야합니다). 사용자가 아니거나 리소스 탭에서 오류가 발생하면 브라우저가보고있는 URL을 확인하고 올바른 URL인지 확인하십시오.

귀하의 브라우저가 LAN IP 주소에서 스타일 시트를 찾고 있지만 WAN IP 주소를 찾고 있어야합니다.

라우터가 "머리핀 NAT"를 올바르게 수행하지 않습니다. 값싼 홈 게이트웨이가 많아서이 일을 제대로 수행하지 못하는 버그 코드가 있습니다.

라우터의 WAN 쪽에서 이미 라우터의 포트 매핑 (일명 "포트 전달") 또는 DMZ (일명 "기본 호스트", "요새 호스트"등) 기능이 올바르게 설정된 것처럼 들리지만, 라우터의 공개 WAN IP 주소로 브라우저를 가리키면 웹 서버에서 페이지를 가져옵니다.

그러나 내부 네트워크에있는 경우 라우터의 공용 WAN IP 주소에 연결할 때 라우터의 관리 페이지가 아닌 웹 서버의 페이지를 가져와야합니다. 라우터가 NAT 개인 IP 주소에서 포트 80에 연결할 때 관리자 페이지를 제공하려면 괜찮습니다. 하지만 공용 WAN IP 주소는 아닙니다.

NAT의 개인 측 클라이언트에서 NAT 개인 IP 주소를 통해 웹 서버에 직접 액세스하려고하면 " http://192.168.0.254/ "하지만 브라우저가 CSS 파일과 이미지를로드 할 때" http://mydomain.com/styles.css "는 공유기의 WAN IP 주소를 의미합니다. 라우터의 버그가있는 라우터는 라우터의 관리 웹 서버가 이러한 요청을 가로 채고 있음을 의미하며 그 자원이 없기 때문에 물건이 끊어집니다.

절대 링크가 아닌 상대 링크가 필요합니다. 이렇게 당신의 html에서 이것 같이 무언가 대신에 :

<link rel="stylesheet" type="text/css" href="http://example.com/mysite.css" />
<img src="http://example.com/images/someimage.png" alt="Some Image" />

다음과 같이 표시해야합니다.

<link rel="stylesheet" type="text/css" href="/mysite.css" />
<img src="/images/someimage.png" alt="Some Image" />

도메인 이름 (예 : site.com)을 사용하여 네트워크 외부에서 테마를로드하려고합니다.

쉬운 수정은 / etc / hosts 파일을 편집하고

IP.OF.LOCAL.WEBSERVER site.com sitehostname