nuxt.jsのVUEは、サーバー・プロセスにアプリケーションをデプロイ

最近のプロジェクトの下でレンダリングする必要のSEOのためのSSR移植道路nuxt.jsを使用します

移行が完了した後に、すべての方法を滑らかが、時間によって、サーバーにデプロイするために頭痛でしたが、最終的には正常に完了しました。
今の展開のプロセスについて記録します。

注意：展開プロセスは、次を参照するときHTTPS：//segmentfault.com/a/11 ...

ワン：nginxの+ノード+ NPM + PM2環境を構築します

私たちのnginxのバージョン1.12
ノードのバージョンはv8.11.1ある
NPMバージョン5.6.0
PM2のバージョンは2.10.2です

具体的な設置環境では、直接ではなく、体内への物語では、オンラインチュートリアルがあります。

ワン：nginxのプロキシポート3002をリスニングを設定し、ポートパッケージ3002パッケージ

nuxt.js下package.jsonでプロジェクトに設定してください
画像のキャプション

nginxのでバーチャルホストに結合ホストを作成します。

上流nodenuxt { 
    サーバー 127.0.0.1:3002 。#nuxt项目监听端口
    アライブ 64 。
} 

サーバー{ 
    聞く 80 。
    SERVER_NAME mysite.com; 
    位置 / { 
        proxy_http_version 1.1 。
        proxy_set_header $ http_upgradeをアップグレード。  
        proxy_set_header接続「アップグレード」。
        proxy_set_headerホスト$ホスト; 
        proxy_set_header X -Nginxプロキシ真; 
        proxy_cache_bypass $ http_upgrade。
        proxy_passます。http：// nodenuxt。＃反向代理
    } 
}

2：プロジェクトの後NPM実行ビルドパッケージ化されたアプリケーションは、ローカルで実行され
たパッケージが完了した後、我々は意志

.nuxt 
静的
nuxt.config.jsの
package.json

次のようにサーバースペースに、あなたはファイルをアップロードする必要があります
画像のキャプション

3：展開は、サーバー上で実行されています

NPMを実行し、依存関係でインストールパッケージをインストールします
サービスは、レンダリングnuxtを実行するために開始NPM実行します

この時点では、訪問したブラウザでmysite.comを入力することができます。サーバーは即座に出て、レンダリングが、これは常駐バックグラウンド・プロセスの安定性かどうか、理想的ではないでしょうか？

4：PM2オープンプロセス・ガーディアン

対応するアプリケーションディレクトリに、次のコマンドを実行

pm2 start npm --name "my-nuxt" -- run start

マイnuxt我々のプロジェクトの名前はパッケージの名前です。
あなたはPM2コマンドを起動し実行した後、我々はPM2リストを持つプロセスのリストを見て、私は何PM2サーバの自分のリストをカット：
画像のキャプション

完成素晴らしいサービス！！

nuxt.jsのVUEは、サーバー・プロセスにアプリケーションをデプロイ

おすすめ