vue.js プロジェクトの nginx デプロイ手順の詳細な説明

今回は、vue.jsプロジェクトのnginxデプロイ手順の詳細な説明と、vue.jsプロジェクトのnginxデプロイに関する注意事項を実際のケースを紹介します。

開発環境のセットアップが完了しました。

2. コンパイルしてデプロイします

1. プロジェクト パスにデモ コマンド npm run build を入力します

コンパイルが完了すると、demo フォルダーの下に追加の dist フォルダーが見つかります。コンパイルされたファイル。

2. nginx をオンラインでダウンロードし、アドレス http://nginx.org/en/download.html をダウンロードし、ダウンロードした nginx ファイルを解凍します。

3. デプロイメントを設定し、nginx/conf の下の nginx.conf を編集し、次のように変更します

[/code][

4. nginx を起動します。コマンド ウィンドウで、 cd と入力して nginx

installation_directory に入り、start nginx と入力して nginx を起動します。 次に、ブラウザから http://127.0.0.1:8088/ または http://ドメイン名:8088/ にアクセスします

5. nginx 停止コマンド: nginx -s quit

nginx を再起動します。コマンド: nginx -s reloadnginx -s quit

    nginx重启命令：nginx -s reload

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

VueでSortableを使用する手順の詳細な説明

Vueの内部コンポーネントのカルーセル切り替えを行う手順の詳細な説明

以上がvue.js プロジェクトの nginx デプロイ手順の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。