JavaScript의 상대 경로와 절대 경로: 어느 것을 사용해야 합니까?

JavaScript의 상대 경로와 절대 경로의 차이점

JavaScript 개발에서 흔히 발생하는 질문은 상대 경로와 절대 경로의 차이입니다. 이러한 이해는 적절한 파일 소싱 및 애플리케이션 기능에 매우 중요합니다.

상대 경로

상대 경로는 현재 디렉터리와 관련하여 정의된 경로입니다. 파일의 전체 위치를 지정하는 것이 아니라 현재 작업 디렉터리를 기준으로 해당 위치를 지정합니다. 예를 들어, "images" 디렉터리에 있고 "kitten.png" 파일에 액세스하려는 경우 다음 상대 경로를 사용합니다:

<img  src="/static/imghwm/default1.png" data-src="kitten.png" class="lazy" alt="JavaScript의 상대 경로와 절대 경로: 어느 것을 사용해야 합니까?" >

절대 경로

반면에 절대 경로는 루트 디렉터리부터 시작하여 파일의 전체 위치를 지정합니다. 절대 경로는 항상 슬래시(/)로 시작하고 그 뒤에 파일로 연결되는 전체 디렉터리 구조가 옵니다. 예를 들어, "kitten.png" 파일이 다음 디렉토리 구조에 있는 경우:

/public_html/images/kitten.png

이 파일의 절대 경로는 다음과 같습니다:

<img  src="/static/imghwm/default1.png" data-src="/public_html/images/kitten.png" class="lazy" alt="JavaScript의 상대 경로와 절대 경로: 어느 것을 사용해야 합니까?" >

성능 문제

상대 경로나 절대 경로를 사용해도 심각한 성능 문제는 없습니다. 그러나 상대 경로는 더 가볍고 유지 관리가 쉽기 때문에 일반적으로 선호됩니다.

보안에 미치는 영향

절대 경로를 사용하면 경로가 다음 경로에 노출될 경우 보안 위험이 발생할 수 있습니다. 브라우저. 공격자는 잠재적으로 이 정보를 사용하여 응용 프로그램의 취약점을 악용하거나 파일 시스템에 대한 무단 액세스를 얻을 수 있습니다. 가능하면 상대 경로를 사용하는 것이 일반적으로 더 안전합니다.

절대 경로를 상대 경로로 변환

절대 경로를 상대 경로로 변환하려면 dirname과 기본 이름 기능:

const absolutePath = '/public_html/images/kitten.png';
const relativePath = path.relative(path.dirname(absolutePath), absolutePath);

위 내용은 JavaScript의 상대 경로와 절대 경로: 어느 것을 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!