net::ERR_CONTENT_LENGTH_MISMATCH の問題を解決する
問題の説明
フロントエンドページで css や js ファイルを読み込む際、しばしば
ERR_CONTENT_LENGTH_MISMATCH
エラーが報告されます。
問題を見つける
を開いた後、別の
hearder
のcssで、jsのWebアドレスを開くことができるので、最も単純なアドレスエラーは除外されます。フロントエンドのプロジェクトは、以下の構成になっています。
nginx
プロキシを使用しているため、nginxのログを確認することで何か手がかりが見つかるかもしれません。
に移動します。
${NGINX_HOME}\logs
をご覧ください。
error.log
と表示され、次のようなメッセージが表示されます。
2018/07/13 14:22:49 [crit] 275197#0: *1543 open() "/usr/local/nginx/proxy_temp/4/30/0000000304" failed (13: Permission denied) while reading upstream, client: 192.168.75.11, server: xxxx.xxxx.com, request: "GET /model-web/static/js/vendor.7e49e6e8578e1e242c55. js.map HTTP/1.1", upstream: "http://xxx.xxx.xxx:8080/model-web/static/js/vendor.7e49e6e8578e1e242c55.js", host: " xxx.xxx.xxx.xxx:8081"
ヒントは明らかで、リクエストの中にある
vendor.7e49e6e8578e1e242c55.js
にアクセスしようとしている。
/usr/local/nginx/proxy_temp/4/30/0000000304
というメッセージが表示され、権限がないため、リクエストに失敗します。
では、なぜ nginx は
proxy_temp
フォルダの中にある
proxy_temp
は nginx のキャッシュフォルダですが、私の css と js ファイルは大きすぎるため、nginx は通常、毎回元のアドレスに直接読みに行く代わりに、キャッシュの中に入って取得するようにしています。
解決しようとすること
に移動します。
/usr/local/nginx/proxy_temp
をクリックすると、ファイルのパーミッションが表示されます。
<センター
<センター 図 (1) の
ご覧の通り
4
フォルダのオーナーは
svenchen
.
現在のnginxのユーザーを見てみると
root
.
<センター 図 (2) の
つまり、パーミッションがない原因は、ファイルの所有者と訪問者が同じユーザーでないことだと特定されたのです。
解決方法
-
フォルダの所有者を変更し、フォルダとフォルダ下の全ファイルの所有者を現在の nginx ユーザーに変更します。
chown -R root.root./*
. - 他のユーザーに読み取り権限を追加するためのパーミッションの追加。
- nginx 設定ファイルを修正して、ユーザを宣言します。 (推奨) .
<センター
<センター フィギュア(3) の
この宣言の後、保存されたキャッシュファイルのユーザはrootになります。
nginxを再起動すると
. /nginx -s reload
と表示され、問題が解決します。
終了
元記事へのリンク: https://blog.csdn.net/mr_ooo/article/details/81068369
注目の記事
MyBatis Spring-bootベースのUniversal Mapperとpagehelperのページングプラグインの統合
Spring bootベースのRedisキャッシュモールカテゴリ、商品情報
関連
-
[解決済み】HTML5検証エラー:body開始タグは見たが、同じタイプの要素がすでに開かれていた
-
[解決済み】iframeの高さを100%にする方法【重複】。
-
[解決済み] d3.tipが動作しないのはなぜですか?
-
[解決済み] 電話番号のマークアップはどのように行うのですか?
-
[解決済み] Gmailやoutlookでサポートされているdisplay: gridに代わるものはありますか?
-
[解決済み] cssで楕円を作るには?
-
[解決済み] Response.ContentType application/vnd.ms-excel xls が動作しなくなった。
-
[解決済み] 画像に白色オーバーレイ
-
[解決済み] h7、h8、h9などのhtmlタグを作成することは可能でしょうか【重複
-
[解決済み] bootstrap 4 ドロップダウンをスクロール可能にする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] CSSのホバー効果が私のコードで機能しない
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] css画像が表示されない
-
[解決済み] ChromeのデベロッパーツールでHTML Bodyにcz-shortcut-listen="true "が表示される?
-
[解決済み] HTML5 Canvas 要素でカスタムフォントを使用するにはどうすればよいですか?
-
[解決済み] 順序なしリストが div 内で左いっぱいに整列されない
-
[解決済み] HTMLにおけるカーリーブラケット
-
[解決済み] ドット付きの<hr/>タグを作成するには?[重複しています]
-
[解決済み] ファビコンが表示されない