> 웹 프론트엔드 > JS 튜토리얼 > 액세스할 수 없는 리소스에 대한 요청을 방지하는 방법

액세스할 수 없는 리소스에 대한 요청을 방지하는 방법

WBOY
풀어 주다: 2024-08-22 18:37:03
원래의
593명이 탐색했습니다.

How to avoid requests to inaccessible resources

404 찾을 수 없음 오류는 서버가 요청한 리소스를 찾을 수 없음을 나타냅니다. 브라우저의 경우 이는 URL이 인식되지 않음을 의미합니다.

404 요청은 사용자에게 불만을 야기하고 웹사이트 성능을 저하시킬 수 있습니다. 또한 검색 엔진은 존재하지 않는 페이지를 크롤링하고 색인을 생성하므로 결과적으로 웹사이트 순위에 부정적인 영향을 미칩니다. 전체적으로 몇 가지 방법을 사용하면 액세스할 수 없는 요청에 대한 검색을 피할 수 있습니다.

1. 정기적으로 링크를 확인하세요
사소해 보일 수도 있지만 404 오류의 가장 일반적인 원인은 이동 또는 삭제된 페이지와 잘못 입력된 URL입니다. 이러한 이유로 Google Search Console 및 Screaming Frog SEO Spider와 같은 무료 도구를 사용하여 깨진 링크와 Soft 404s(여전히 성공 상태 200을 반환하는 존재하지 않는 리소스).

2. URL 확인 요청하기 전에 URL이 올바른지 확인하세요. 요청한 리소스가 존재하지 않는다는 것을 보장하지는 않지만 명백한 오류를 방지할 수 있습니다. URL의 유효성을 검사하기 위해 Javascript의 URL 인터페이스가 있습니다. 여기에서 요청된 파일의 URL, 프로토콜, 도메인 또는 확장자의 구조를 확인할 수 있습니다.

HEAD 메소드를 사용하여 GET 요청을 하기 전에 리소스 존재 여부를 확인할 수도 있습니다.


async function fileExists(url) {
  try {
    const response = await fetch(url, { method: 'HEAD' });
    return response.ok;
  } catch (error) {
    console.error('Error verifying the existence of the file:', error);
    return false;
  }
}

fileExists('https://example.com/file.jpg').then(exists => {
  if (exists) {
    console.log('File exists.');
  } else {
    console.log('File not found.');
  }
});
로그인 후 복사

3. 사이트의 제한 사항을 평가하세요 HTML, CSS, JavaScript 파일 및 기타 리소스에 사용자에 대한 올바른 읽기 및 실행 권한이 있는지 확인하는 것을 잊지 마십시오. 또한 웹 서버 설정에 특정 파일이나 디렉터리에 대한 액세스를 방해할 수 있는 과도한 액세스 제한이 없는지 확인하십시오.

AllowOverride 및 Require all grant 등의 설정이 올바르게 구성되지 않으면 문제가 발생할 수 있습니다.

4. 캐시 지우기

캐시는 동일한 사이트를 다시 방문할 때 브라우저가 이러한 리소스를 더 빠르게 로드할 수 있도록 웹사이트 리소스의 복사본을 저장합니다. 그러나 웹 사이트 리소스가 404 오류를 반환하는 경우 이 응답은 캐시에 저장될 수도 있습니다. 따라서 이 리소스가 서버에서 수정되더라도 사용자는 여전히 404 오류를 받을 수 있습니다. 이 문제를 해결하기 위해 HTTP 헤더 구성 작업을 수행할 수 있습니다.

Cache-control: no-store를 설정하여 응답이 저장되지 않도록 하거나 Cache-Control: no-cache를 설정하여 캐시된 버전을 사용하기 전에 브라우저가 서버를 확인하도록 할 수 있습니다. 응답이 만료되는 시간으로 Expires 헤더를 구성할 수도 있습니다.

5. 리소스가 누락된 경우 적절하게 처리

사용자에게 404 오류가 발생하도록 하는 대신 오류가 있는 대체 페이지로 리디렉션을 설정하고 다른 서비스를 제안하세요. 또한 서비스가 이동되거나 이름이 변경된 경우 새 URL로의 301(영구) 또는 302(임시) 리디렉션을 설정하세요.

결론 404 오류는 사용자 경험과 애플리케이션 및 SEO의 신뢰성에 부정적인 영향을 미칩니다. 개발자로서 404 오류를 적절하게 처리함으로써 귀하는 품질과 유용성에 대한 의지를 입증하여 귀하의 작업과 개발 중인 제품에 대한 고객의 신뢰를 강화합니다.

위 내용은 액세스할 수 없는 리소스에 대한 요청을 방지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿