ホームページ > ウェブフロントエンド > jsチュートリアル > アクセスできないリソースへのリクエストを回避する方法

アクセスできないリソースへのリクエストを回避する方法

WBOY
リリース: 2024-08-22 18:37:03
オリジナル
595 人が閲覧しました

How to avoid requests to inaccessible resources

404 Not Found エラーは、サーバーが要求されたリソースを見つけることができなかったことを示します。ブラウザにとって、これは URL が認識されないことを意味します。

404 リクエストはユーザーにストレスを与え、Web サイトのパフォーマンスの低下につながる可能性があります。さらに、検索エンジンは存在しないページをクロールしてインデックスを作成するため、Web サイトのランキングが悪影響を受けます。全体として、いくつかの方法を使用することで、アクセスできないリクエストの検索を回避できます。

1.リンクを定期的に確認してください
些細なことのように思えるかもしれませんが、404 エラーの最も一般的な原因は、ページが移動または削除され、URL が間違って入力されたことです。このため、Google Search Console や Screaming Frog SEO Spider などの無料ツールを使用して、壊れたリンクや ソフト 404 (依然として成功ステータス 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 ファイル、およびその他のリソースに、ユーザーに対する正しい読み取り権限と実行権限があることを必ず確認してください。また、Web サーバー設定に、特定のファイルまたはディレクトリへのアクセスを妨げる可能性のある不当なアクセス制限がないかどうかも確認してください。

AllowOverride や Require all Grant などの設定は、正しく構成されていないと問題が発生する可能性があります。

4.キャッシュをクリアします

キャッシュには Web サイト リソースのコピーが保存されるため、同じサイトに再度アクセスしたときに、ブラウザーはこれらのリソースをより迅速に読み込むことができます。ただし、Web サイトのリソースが 404 エラーを返した場合、この応答はキャッシュに保存することもできます。したがって、このリソースがサーバー上で修正されたとしても、ユーザーは依然として 404 エラーを受け取る可能性があります。この問題を解決するには、HTTP ヘッダーの構成に取り組むことができます。

Cache-control: no-store を設定して応答が保存されないようにすることも、Cache-Control: no-cache を設定して、キャッシュされたバージョンを使用する前にブラウザにサーバーの確認を強制することもできます。応答の有効期限が切れる時刻を Expires ヘッダーに設定することもできます。

5.リソースが不足している場合は、適切に対処してください

ユーザーに 404 エラーを発生させる代わりに、エラーのある代替ページへのリダイレクトを設定し、他のサービスを提案します。また、サービスが移動または名前変更された場合は、新しい URL への 301 (永続) または 302 (一時) リダイレクトを設定します。

結論 404 エラーは、ユーザー エクスペリエンス、アプリケーションおよび SEO の信頼性に悪影響を及ぼします。開発者として、404 エラーを適切に処理することで、品質と使いやすさに対する取り組みを示すことになり、開発者の仕事と開発中の製品に対する顧客の信頼が高まります。

以上がアクセスできないリソースへのリクエストを回避する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート