Vue.jsプロジェクトnginxデプロイメントチュートリアル

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

Nginxは、高性能HTTPとリバースプロキシサーバーです。 したがって、静的プロキシサーバーとバックエンドリバースプロキシサーバーとしてよく使用されます。 この記事では主に、vueを使用して構築されたフロントエンドプロジェクトを展開するためのnginxの使用を記録しています。このプロジェクトは、vueの公式の足場vue-cliビルドに基づいています。

開発環境が完成しました。

第二に、コンパイルとデプロイ

1、プロジェクトパスのデモ入力コマンドの下にnpm run build

コンパイルが完了すると、demoフォルダにdistフォルダがあることがわかります。これはコンパイルされたファイルです。

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

3、構成の展開、nginx / confの下でngi​​nx.confを編集すると、次のように変更されます

[/コード] [

4. nginxを起動します。 コマンドウィンドウcdは、nginxのインストールディレクトリに入り、nginxを開始するためにnginx startと入力します。

その後、ブラウザからhttp://127.0.0.1:8088/ accessまたはhttp:// domain name:8088 / accessにアクセスします

5、nginx stopコマンド: nginx -s quit

Nginx再起動コマンド: nginx -s reload

要約

上記のvue.jsプロジェクトの小さなバージョンは、誰にも紹介されたnginxデモのチュートリアルです。ご質問がありましたら、お気軽にご連絡ください。


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ