fetchで404のレスポンスが返ってきたときのエラー

Question

Chromeの拡張機能をJavascriptで作っています。
簡易的なライセンス認証（アクティベーション）の仕組みがあります。
特定のURLへ接続して404だったら認証失敗
200だったら認証成功というすごい単純（すぐに突破できるような仕組み）です。

そこですこし問題が起きまして、
fetchを使った場合に404のレスポンスコードが返ってくると　のか
fetchを使って問い合わせた段階でなのかわかりませんが、下記のエラーがデベロッパーツールのコンソールに出てきます。

Failed to load resource: the server responded with a status of 404 ()

このエラーは404のためリソースの読み込みに失敗しました。という内容なのは理解できるのですが、このエラーを出力しないようにスロー？することはできないのでしょうか？

教えていただきたいです。よろしくお願いいたします。

該当のソースコード

var license_uri="404が返ってくるURL";
	fetch(license_uri).then((response) => {
		console.log(response.status);
	}).catch(() => {
		console.log("error caught!");
	});

試したこと

fetchの使い方をWEBでいろいろ調べたが、スロー？するやり方は見つからなかった。

Comments

[umyu]

デベロッパーツールのnetworkタブでstatusが404の行を確認してくださいな。推測だとfaviconの404です。

[HiroshiSato]

404のエラーが出るのはなんでかわかります。ライセンス確認用のページへアクセスして、レスポンスコードが404だからです。回答していただきたい内容としてはfetchでエラーを出さずに404なのか200なのかを調べたいのです。

Answer 1

このエラーを出力しないようにスロー？することはできないのでしょうか？

WEBブラウザのログとして出力している(fetch以前の問題)のですから無理ではないでしょうか？
そもそもHTTPステータス404を認証のために流用していること自体が一般的ではないのですから, 細かいことに目くじらを立てても始まりません.

それでも問題があるのでしたら, PHPなどを用いてサーバー側に別途404コードを元に認証判定を行うAPIをこさえて, そこにfetchを掛ける策は取れると思います.

Comments

[HiroshiSato]

ありがとうございます。
一般的な処理でないのは承知の上での質問でした。
ブラウザ側が返してきているエラーはどうにもならないんですね。。

少し使ってでも一般的な常に200のページへアクセスしてそこで認証OKかどう判断させたいと思います。
勉強になりました。