nodejs本番環境デプロイメントvue

Node.js 本番環境のデプロイ Vue

Vue.js アプリケーションを開発する場合、アプリケーションのデプロイは重要な手順です。この記事では、Node.js をランタイム環境として使用して、実稼働環境に Vue.js アプリケーションをデプロイする方法を説明します。この記事では、アプリケーションを運用環境に追加し、サーバー上で実行する方法を詳しく説明します。

準備

始める前に、Node.js、npm、および Git をサーバーにインストールする必要があります。この記事では、サーバーとして UbuntuLinux を使用しますが、同様の手順を使用して他のシステムにデプロイすることもできます:

1. Node.js と npm をインストールします:

$ sudo apt-get install curl
$ curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
$ sudo apt-get install nodejs
$ sudo apt-get install npm

2. Node.js と npm が正しくインストールされているかどうかを確認します:

$ node -v
$ npm -v

3. Git をインストールします:

$ sudo apt-get install git

4. Git が正しくインストールされているかどうかを確認します:
##

$ git --version

ログイン後にコピー

$ npm install -g @vue/cli

$ vue --version

ターミナルで、プロジェクトを作成するディレクトリを入力します:

$ cd /path/to/directory

ログイン後にコピー

Vue CLI を使用して新しい Vue.js プロジェクトを作成します:

$ vue create my-project

ログイン後にコピー

作成したプロジェクトに移動します:

$ cd my-project

ログイン後にコピー

Vue.js アプリケーションを開始します:

$ npm run serve

ログイン後にコピー

$ npm run build

空白を作成します。サーバー上のディレクトリにアプリケーションのファイルを保存します。

$ mkdir /var/www/myapp

ログイン後にコピー

アプリケーションのビルド ファイルをローカル マシンからサーバーにアップロードします。 scp コマンドを使用してアプリケーション ビルドをアップロードすることも、Git を使用することもできます:

$ git clone <repository-url> /var/www/myapp

ログイン後にコピー

http-server と pm2 をインストールします:

$ npm install -g http-server
$ npm install -g pm2

ログイン後にコピー

myapp ディレクトリで http-server を開始します:

$ http-server dist

ログイン後にコピー

myapp ディレクトリで pm2 プロセスを開始します:

$ pm2 start http-server --name myapp -- --cors -p 80

ログイン後にコピー
このコマンドは、pm2 プロセスを開始します。そしてアプリケーションをhttp-serverプロセスとして起動します。また、アプリケーションのポートを 80 に設定して、ホストの IP アドレスにアクセスしてアプリケーションを表示できるようにします。
結論
これで、Vue.js アプリケーションを運用環境に正常にデプロイできました。この記事の手順に従った場合は、サーバー上でアプリケーションを表示できるようになっているはずです。ご質問がある場合や問題が発生した場合は、お気軽にメッセージを残すか、Vue.js または Node.js の公式ドキュメントを参照して解決策を見つけてください。

以上がnodejs本番環境デプロイメントvueの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。