Vueプロジェクトをサーバーにデプロイします(1)

開発後にローカルサーバーをパッケージ化してデプロイする方法は?

1つは、最初にデプロイする必要のあるプロジェクトを開きます

1. vscodeソフトウェアを使用して、ここで新しいターミナルを開きます
ここに画像の説明を挿入します
。2 。開いた後、下のコマンドラインにプロジェクトディレクトリファイルを入力してコマンドを実行しnpm run buildます。vueuiパネルでビルドすることもできます。
ここに画像の説明を挿入します
3.このとき、distのパッケージファイルが生成され、インデックスを開くときにエラーが報告されます。
ここに画像の説明を挿入します

4.実行中にnpm install express-generator -gExpressをグローバルインストール
し、Expressファイルexpress expressDemoexpressDemo作成します。これは自分で変更できるファイル名です。
実行後、同じレベルのディレクトリにファイルが生成され
ます最後にファイル名を付けましたサービス
ここに画像の説明を挿入します
。5。クリックしてパブリックファイルを見つけます
ここに画像の説明を挿入します
。6、distフォルダー内のファイルをパブリックにコピーします
。7 ターミナルに戻り、作成しnpm startフォルダーの下でコマンドを実行ます。
ここに画像の説明を挿入します
ブラウザーに戻り、localhostを実行します。 3000。
ポートの競合が原因で実行するとエラーが報告される可能性があります。localhost:3000を実行するとページが表示されません。ソフトウェアに戻り、すべての3000を4000に変更して
ここに画像の説明を挿入します
ください次の記事では、その方法について説明します。ローカルファイルからクラウドサーバーにデプロイします。

おすすめ

転載: blog.csdn.net/weixin_45054614/article/details/113833271