javascript - npm run buildによって生成されたファイルをサーバーにデプロイする方法

Question

私はフロントエンドの初心者で、vue-cli スキャフォールディングを使用してフロントエンド プロジェクトを作成しました。現在、ポート 8080 でのローカル デバッグに npm run dev を使用することが知られていますが、これには制限がありますデバッグに。では、npm run build によって dist フォルダーが生成された後、それを公開するにはどうすればよいでしょうか? dist フォルダーをサーバーにドロップするだけだと言う人もいます。
次に質問が来ます:

• 生成された dist フォルダーはどのサーバーに配置する必要がありますか?

• プロジェクトを外部に公開するかどうかには、プロジェクト ファイルを保存するサーバーを設定する必要があります。

• バックエンドについて何も知らない場合、プロジェクトをサーバーにデプロイする方法をどのように学べばよいでしょうか。

• npm run build で生成されたプロジェクト ファイルのデプロイメントを容易にするサーバーは何ですか。

Xiaobai はポピュラーサイエンスを追求しています~関連する記事、情報、プロジェクトのリンクは私に送っていただけます。よろしくお願いします~

Answer 1

まず第一に、サーバーについて話しましょう。実際には、サーバーはあなたのコンピュータよりもハードウェアの条件が優れている場合があります。効率。したがって、問題については、サーバー上で環境を構成し、プロジェクトをローカルで実行する方法と同じ操作がサーバー上でも実行できる可能性があります。グラフィカル インターフェイスの場合は、コマンド ラインまたはターミナルを使用し、サーバー ドメイン名を構成して実行してアクセスする必要があります。

Answer 2

さて、私は IIS とサーバーによって提供される環境を使用して Web サイトをホストしようとしました。一般に、静的ページを配置する場合は、IIS の構成方法を学習し、指定したディレクトリにページを配置するだけで済みます。心配しない場合は、一部のサーバーのセキュリティ グループがアクセスを妨げることに注意してください。その他、ハッカーはサーバー上のすべてのセキュリティ グループを開きました。次に、Tencent Cloud サーバー クラスを再インストールするときに、パブリック マーケットにアクセスして環境を選択できます。私は他の人が作成した環境を使用してプロジェクトを直接アップロードし、データベースを構築しました。

Answer 3

この質問node.jsを見ました - res.sendFile(path.resolve('./public'))が理解できません

npm コマンドを使用しましたが、node.js についてもある程度理解している必要があると思います。express を使用してサーバーをセットアップし、上記の質問のように public を dist ディレクトリに置き換えることもできます。練習したい方はぜひ試してみてください

Answer 4

実際、上記の 2 人の回答は両方とも正しいですが、重点が異なります。1 階は、サーバーを構成して必要に応じて実行するだけですが、おそらく誰もプロジェクトをデプロイしたことがありません。何が起こっているのかわかりません。2 階では、Windos サーバーを構成するための環境について話しているはずです。実際には、何が起こっているのか理解できないでしょう。 npm run build を使用してファイルを生成すると、生成されたファイルが js、css、html ファイルであることもわかります。つまり、サーバーが http をサポートするサーバー ソフトウェアを備えている限り、サーバーのシステムは関係ありません。 nginx と apache は知っていますが、どちらかをインストールしてアクセス パスを一致させ、生成したファイルをサーバーまたはマッピング パスに置き、サーバー ソフトウェアを起動するだけで、設定したパスを使用できるようになります。プロジェクトにアクセスするには、次の 2 つのことを理解する必要があります:
1. nginx または apache のインストール方法
2. nginx または apache の設定方法

これら 2 つのプロジェクトを理解すれば、準備は完了です

インストール方法と設定方法をここで説明しないのはなぜですか?これは 1 つまたは 2 つの文で明確に説明できるものではありません。