1.nginxをインストールする
nginx のインストールは実際には非常に簡単ですよくある問題 1:購入したサーバーが apt-get コマンドを使用してエラーを報告した場合、まずapt-get install update コマンドを入力して更新します。nginx のインストールについては、このブログ投稿をお勧めします。以前、最初のインストールに関する記事をたくさん見つけましたが、この記事が非常に優れています: nginx インストール
2. フロントエンドがオンラインである
冒頭に書かれているように、MobaXterm をインストールすることをお勧めします。ここをクリックして公式 Web サイトにアクセスし、ダウンロードしてください。
無料版をダウンロードするだけで、非常に使いやすく、ファイルのアップロードも非常に便利で、フロントエンドファイルとバックエンドファイルをサーバーに転送したい場合にも、このファイルを簡単に行うことができます。
サーバーとの接続を確立します。
以下の図の赤いボックスを順番にクリックし、サーバーの IP アドレスを入力して正常に接続し、ユーザー root とサーバーのパスワードを入力します。
フロントエンドをデプロイします。
プロジェクトの vue ターミナルで npm run build を実行してプロジェクトをパッケージ化し、サーバーにアップロードします。
解凍後、図に示すように、nginx インストール ディレクトリの下の conf フォルダーに移動し、nginx.conf ファイルをコピーします。ここでは、demo.conf という名前を付け、ファイルを入力し、次の図に示すように情報を変更します。
root 以降のパスを、サーバーに渡したフロントエンド プロジェクトのパスに変更します。
よくある問題 2:フロントエンド プロジェクトとバックエンド プロジェクトの両方をデプロイした場合、最初にページに入るとプロジェクトは正常に表示されますが、ページを更新してページが 404 エラーを報告する場合は、try_files $uri $ を追加して くださいuri/ /index.html;完璧に解決できます。
フロントエンド プロジェクトを実行します。
次のコマンドを押してプロジェクトを実行します。プロジェクトを停止する場合は、3 番目のコマンドの後に -s stop を追加します。
ただし、私が通常使用するコマンドは、ポート 80 のプロセスを閉じることができる fuser -k 80/tcpです。
3. バックエンドがオンラインになります
注:フロントエンドをサーバーにデプロイする前に、フロントエンドの get および post のリクエスト アドレスをサーバーの IP アドレスに置き換える必要があります。そうしないと、デプロイメントがオンラインになった後にデータをリクエストできません。
バックエンドがオンラインになる前の準備:
1. データベースをインストールします。Mysql をインストールします。
2. インストール後、ローカル データベースを SQL ファイルとしてエクスポートし、サーバーに送信します。データベースのエクスポート方法: データベースの エクスポート
3. 次に、次の操作を順番に実行します。
1) mysql に登録：mysql -u root -p
2) ローカル データベースと同じ名前のデータベースを作成します。
3) データベースを使用します。 「名前」を使用します。
4) 渡された .sql ファイルをインポートします。source 'path of sql file';
ここまでで、すべての準備が完了しました。
よくある質問 3:バックエンドをサーバーに転送した後、データベースに接続するコードのホストをサーバーの IP アドレスに変更する可能性があります。変更しないでください。127.0.0.1 をそのままにしておきます。
バックエンドを実行する
vue でバックエンドを実行するのと同じように、node app.js を直接ダウンロードできます。もちろん、nodeJs を事前にダウンロードしてください。これは非常に簡単です。ダウンロード方法を確認できます。
これまでのところ、プロジェクトは正常に開始されています。
4. 最適化
node app.js を直接実行する場合、このコマンドを終了することはできません。バックエンドを終了するとコマンドは有効になりませんが、コンピューターの電源を入れたままにして、node app.js コマンドを常に実行し続けることはできません。
pm2 はこの問題を解決するために使用され、pm2 を使用して常にバックエンドをマウントできるため、コンピューターの電源を切ってもプロジェクトが常に実行されます。
pm2 をダウンロード: npm i pm2 -g
プロジェクトを開始します: pm2 start 'app.js address' --name 'alias'
実行中のアイテムを表示: pm2 ls
プロジェクトを停止します: pm2 restart 'プロジェクトに与えられたエイリアス'
プロジェクトを削除します: pm2 delete 'プロジェクトに与えられたばかりのエイリアス'
図に示すように、これは私がマウントしたバックエンドです。ステータスがオンラインの場合は、実行中であることを意味します。最初の赤いボックスは、作成したばかりのエイリアスです。
これですべてが完了しました。初回は非常に面倒で、多くのものをダウンロードする必要があり、多くの間違いに遭遇する可能性がありますが、最初のデプロイメントが成功した後は、慣れればデプロイメントに数分しかかかりません。それ。