SEO 친화적인 URL을 구현한 후 손상된 CSS, JavaScript 및 이미지를 수정하는 방법은 무엇입니까?

SEO 친화적인 URL이 포함된 손상된 CSS, JavaScript 및 이미지 문제 해결

.htaccess 재작성을 통해 SEO 친화적인 URL을 구현할 때 일반적으로 발생하는 문제 CSS, JavaScript 및 이미지가 로드되지 않는 문제가 발생합니다. 이는 URL 재작성 후 이러한 자산의 기본 URI가 수정되기 때문입니다.

문제를 설명하려면 다음 재작성 규칙을 고려하십시오.

RewriteRule ^swift-details/([0-9]+)/([0-9a-zA-Z_-]+)$ swift-details.php?id= [NC,L]
RewriteRule ^swift-details/(css|js|img)/(.*)?$ // [L,QSA,R=301]

이 규칙은 요청을 성공적으로 원하는 위치에 있지만 HTML 내의 상대 URI가 더 이상 올바르게 작동하지 않습니다. 예를 들어 원래 URL 구조에서 자산의 기본 URI는 "/"입니다. 그러나 다시 작성한 후에는 기본이 "/swift/details/"가 됩니다. 결과적으로 브라우저는 이 기반을 모든 상대 URL 앞에 추가하려고 시도하여 참조가 손상됩니다.

이 문제를 해결하려면 다음 두 가지 옵션을 사용할 수 있습니다.

1. 사용 절대 링크: CSS, JavaScript 및 이미지에 절대 URL을 사용하도록 HTML을 수정합니다. 이 접근 방식을 사용하면 기본 URI에 관계없이 참조가 일관되게 유지됩니다.
2. URI 기본 설정: HTML 헤드 섹션 내에 다음 줄을 추가합니다.

<base href="/" />

이렇게 하면 모든 페이지에 대해 기본 URI가 "/"로 설정되어 URL을 다시 작성한 후에도 브라우저에서 상대 URI를 올바르게 확인할 수 있습니다.

위 내용은 SEO 친화적인 URL을 구현한 후 손상된 CSS, JavaScript 및 이미지를 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!