フロントエンドエンジニアリングパッケージの導入

パック

2 番目のスクリプト ビルドを直接実行するだけです

パッケージ化されたファイルは dist ディレクトリに配置されます

 

 配備

  • NGINX: 軽量の Web サーバー/リバース プロキシ サーバーおよび電子メール (IMAP/POP3) プロキシ サーバーです。メモリ使用量の少なさと強力な同時実行機能が特徴で、大規模なインターネット企業で広く使用されています。
  • 公式ウェブサイト: nginx ニュース
  • 書類
    • confg: 設定ファイルのディレクトリ
    • html: 静的リソースディレクトリ
    • ログ: ログ ファイル
    • temp: 一時ファイル
    • nginx.exe: スタートアップファイル
  • デプロイ: パッケージ化された dist ディレクトリ内のファイルを nginx インストール ディレクトリの html ディレクトリにコピーします。

  •  開始: nginx.exe ファイルをダブルクリックします。Nginx サーバーはデフォルトでポート 80 を占有します。
  • タスクマネージャーで起動しているか確認してください 起動に失敗している場合はログファイルのエラーログを見てください ポート番号が占有されている可能性があるのでNginの起動ポートを変更してください(情報は自分で調べてください)

     

  • 起動が成功したことを確認したら、ブラウザのアドレスバーに「localhost:+ポート番号」と入力してEnterを押します。

  • 操作の結果は次のようになります。

パッケージ化されたフロントエンド ページを正常に表示する 

 

おすすめ

転載: blog.csdn.net/weixin_64939936/article/details/131621937