サーバーにデプロイしたい vite vue3 プロジェクト。プロジェクトがビルドされた後のファイルはすべて dist ディレクトリにあります。このディレクトリをサーバーにコピーし、次のように nginx で設定します:
server { listen 3571; server_name localhost; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } }
このようにして、サーバーのパブリック IP ポート 3571 プロジェクトに、ドメイン名を通じてアクセスしたい場合は、次のように設定できます:
server { listen 80; server_name video.xxx.com; location / { root /root/xxxx/dist/; try_files $uri $uri/ /index.html; } }
このようにして、video.xxx.com に直接アクセスすることで、vue プロジェクトに直接アクセスできます。 。
ここで問題が発生する可能性があることに注意してください。つまり、構成が正しい後のアクセス中に 500 エラーが発生します。このエラーが発生した場合は、まずローカル パスが正しく設定されているかどうかを確認してください。パスが正しい場合は、権限に問題がある可能性があります。 nginx ユーザーは、nginx の開始時に次のように構成されます:
user nginx; worker_processes auto; error_log /var/log/nginx/error.log; ...
私のデフォルトは nginx ユーザーなので、/root/xxxx/dist/ ディレクトリにアクセスする権限がないため、500 エラーが発生します
user root; worker_processes auto; error_log /var/log/nginx/error.log; ...
注: nginx を再構成した後、nginx サービスを再起動する必要があります (サービス nginx の再起動)。
以上がnginxがローカルパスを指し、500エラーを解決する方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。