.htaccess 규칙은 URL 재작성 후 CSS, JS 및 이미지 로딩 문제를 어떻게 해결할 수 있습니까?

URL 재작성: CSS, JS 및 이미지 로드 문제 해결

.htaccess 규칙을 사용하여 URL 재작성을 구현할 때 문제가 발생하는 것이 일반적입니다. 리디렉션 후 CSS, JS 및 이미지가 로드되지 않는 경우. 한 가지 잠재적인 이유는 리디렉션으로 인해 상대 URI의 기본이 수정되었기 때문입니다.

한 가지 제안된 해결 방법은 CSS 및 JS 파일에 대한 절대 경로를 사용하는 것입니다. 그러나 이 접근 방식은 모든 파일을 수동으로 변경해야 하므로 불편할 수 있습니다. . .htaccess 규칙을 기반으로 한 대체 솔루션으로 이 문제를 해결할 수 있습니다.

RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteRule ^detail/([0-9]+)/?$ detail.php?id=
RewriteRule ^(css/.*|js/.*|img/.*)$  [L]

이 규칙을 사용하면 CSS, JS 및 이미지에 대한 직접 요청이 별도로 처리되고 상대 경로가 그대로 유지됩니다. 규칙에는 다음 섹션이 포함됩니다.

• RewriteBase /: 모든 다시 쓰기 규칙에 대한 기본 디렉터리를 설정합니다.
• RewriteCond %{REQUEST_FILENAME} -f [또는]: 요청한 파일이 있는지 확인합니다. 존재합니다.
• RewriteRule ^detail/([0-9] )/?$ Detail.php?id=$1: "/detail/123" 형식의 URL에 대한 요청을 다음으로 리디렉션합니다. "detail.php?id=123".
• RewriteRule ^(css/.|js/.|img/.*)$ $1 [L]: CSS, JS 및 이미지 파일에 대한 직접 요청을 일치시키고 해당 URI를 변경하지 않습니다.

이 솔루션을 구현하면 CSS, JS 및 이미지의 상대 경로가 보존되므로 리디렉션 후에도 이러한 리소스가 올바르게 로드됩니다.

위 내용은 .htaccess 규칙은 URL 재작성 후 CSS, JS 및 이미지 로딩 문제를 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!