シロはどのようにオンラインでサーバーにvueプロジェクトを配置します


どのようにdemoをオンラインに配置しますか?(この操作は、完全なローカルvue demoが前提です)ローカルでvueプロジェクトを作成したが、サーバにどのように配置するか分からない場合は、次の4つの手順に従ってください.
1.「ローカルパッケージ」ローカルでvueプロジェクトを正常に実行した後、コマンドライン入力npm run buildプロジェクトをdistディレクトリにパッケージ
2.「アップロードフォルダの準備」は、以下のデフォルトコードをserverに直接保存します.js(必要に応じて変更可能)、jsファイルを【アップロードフォルダ】に入れる
const express = require('express');
const app = express();
app.use(express.static('./dist'));

const port = 3003;

app.listen(port, function (err) {
  if (err) {
    console.log(err);
    return;
  }
  console.log('Listening at http://localhost:' + port + '
'); });

最終的な【アップロードフォルダ】には、server.js、distディレクトリ
3.「フォルダをサーバーにアップロード」端末リンクサーバーにアップロードした後、コードを入力するか、バカな方法でドラッグアップロード(filezillaを使用)
scp -r ./dist [email protected]:/home/jw/demo/

4.「サーバ起動サービス」まずnpmをインストールする必要がある
npm install

最後にサービスを開始することができます.2つ目の方法をお勧めします.バックグラウンドで実行できるので、コマンドラインインタフェースをオフにすることができます.そうしないと、コマンドラインインタフェースを常にオンに保つことができます.1:node server.js2:pm2 start server.js---- pm2:pm2 install最終ドメイン名:ip+ポート(10.9.7.32:3000など)