URL 재작성 후 CSS, JS 및 이미지 로딩 문제를 방지하는 방법은 무엇입니까?

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

URL 재작성에서는 CSS, JS가 , 리디렉션 후 이미지 파일 로드가 중지됩니다. 이 문제는 일반적으로 상대 경로가 사용되고 리디렉션 규칙이 기본 URL을 수정할 때 발생합니다.

설명하려면 다음 구성을 고려하십시오.

Options +FollowSymLinks

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} -f [OR]

RewriteRule ^detail/([0-9]+)/?$ detail.php?id=

이 경우 규칙은 다음과 같은 URL을 리디렉션합니다. "http://localhost/detail/123"을 "http://localhost/detail.php?id=123"으로 변경합니다. 리디렉션이 성공적으로 수행되는 동안 "http://localhost/css/" 및 "http://localhost/js/"에 있는 CSS, JS 및 이미지 파일은 상대 경로가 더 이상 유효하지 않기 때문에 로드에 실패합니다.

문제 해결

일반적으로 제안되는 해결 방법 중 하나는 상대 경로를 "/css/" 및 "/css/"와 같은 절대 경로로 변경하는 것입니다. "/js/". 그러나 이 접근 방식은 여러 파일을 수동으로 편집해야 하며 신뢰할 수 있는 솔루션으로 간주되지 않습니다.

.htaccess 규칙을 사용하는 대체 솔루션

상대 경로를 유지하면서 이 문제를 해결하려면 , 다음 해결 방법을 고려하세요.

.htaccess 파일에 다음 줄을 삽입하세요. RewriteRule 문 전:

RewriteBase /

이렇게 하면 리디렉션 후에도 기본 URI가 "/"로 유지되어 상대 경로 문제가 해결됩니다.

예:

위 수정을 통해 이제 .htaccess 파일은 다음과 같이 나타납니다. 다음은 다음과 같습니다.

Options +FollowSymLinks

RewriteEngine On
RewriteBase /

RewriteCond %{REQUEST_FILENAME} -f [OR]

RewriteRule ^detail/([0-9]+)/?$ detail.php?id=

참고: RewriteRule 문 앞에 "RewriteBase /" 줄을 배치하는 것을 잊지 마세요.

위 내용은 URL 재작성 후 CSS, JS 및 이미지 로딩 문제를 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!