シロはどのようにオンラインでサーバーにvueプロジェクトを配置します
どのようにdemoをオンラインに配置しますか?(この操作は、完全なローカルvue demoが前提です)ローカルでvueプロジェクトを作成したが、サーバにどのように配置するか分からない場合は、次の4つの手順に従ってください.
1.「ローカルパッケージ」ローカルでvueプロジェクトを正常に実行した後、コマンドライン入力
2.「アップロードフォルダの準備」は、以下のデフォルトコードをserverに直接保存します.js(必要に応じて変更可能)、jsファイルを【アップロードフォルダ】に入れる
最終的な【アップロードフォルダ】には、server.js、distディレクトリ
3.「フォルダをサーバーにアップロード」端末リンクサーバーにアップロードした後、コードを入力するか、バカな方法でドラッグアップロード(filezillaを使用)
4.「サーバ起動サービス」まずnpmをインストールする必要がある
最後にサービスを開始することができます.2つ目の方法をお勧めします.バックグラウンドで実行できるので、コマンドラインインタフェースをオフにすることができます.そうしないと、コマンドラインインタフェースを常にオンに保つことができます.1:
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.js
2:pm2 start server.js---- pm2:pm2 install
最終ドメイン名:ip+ポート(10.9.7.32:3000など)