nginxの403の問題を解決する方法

遭遇した問題はタイトルの通りですのでタイトルとさせていただきます。

webpack など、フロントエンド用の便利な構築ツールやパッケージ化ツールがたくさんあることはわかっています。通常、フロントエンド ファイルを dist ディレクトリにパッケージ化し、nginx などのサーバーにデプロイします。

今回私が遭遇した問題は、vue.js+webpack プロジェクトである他の人のコード圧縮パッケージをダウンロードしたことであり、それをサーバーにアップロードしたことで、サーバー上の nginx 構成が保証されます。は完全に正しいのですが、ブラウジング時にサーバー上でどのようにアクセスしても、常に 403 禁止が発生します。

プロジェクトの構造とファイルのパーミッションを注意深く観察した結果、プロジェクト内のすべてのファイルのパーミッションが 755、すべてのフォルダーのパーミッションが 700 であることがわかりました。ビルドされたファイルもそのようなパーミッションを継承するため、nginx がファイルにアクセスできなくなります。 。詳細な原則については、Linux ファイルのアクセス許可と nginx のドキュメントを参照してください。

(左側に示すように、ファイルのアクセス許可は正常に作成され、右は異常なアクセス許可です)

この問題を説明するリンクもあります: 403 Forbidden Error and How to Fix it Nginx Tips

Nextファイルのアクセス許可を修正する必要があります。すべてのファイルに 644 のアクセス許可を、すべてのフォルダーに 755 のアクセス許可を設定します。
いちいち設定するのは面倒 find コマンドとファイルタイプ判定を使って一括操作が可能です。 find命令加上文件类型判断，来进行批量操作。

# 更改文件夹权限find . -type d -exec chmod 755 {} \;# 更改普通文件权限find . -type f -exec chmod 644 {} \;

find

rrreee

find コマンドの使用方法については、マニュアルを参照してください。

このようにして、ブラウザでサーバーアドレスに正常にアクセスできるようになります。 🎜

以上がnginxの403の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。