Docker を使用して Angular プロジェクトをデプロイする方法は 2 つあります。1 つは、公式ドキュメントに記載されているサーバー側レンダリングです。もう 1 つは、ノード イメージをコンパイルして Web サーバーに配置する方法です。ノード環境なので、Express を使用するのが最も便利です。 server.jsを作成する 定数 express = require('express'); express() は、定数です。 定数設定 = { ルート: __dirname + '/dist', ポート: process.env.PORT || 4200 }; //静的リソース app.use('/', express.static(config.root)); //すべてのルートはindex.htmlに移動します app.all('*', 関数(req, res) { res.sendfile(config.root + '/index.html'); }); app.listen(config.port, () => { console.log("実行中……"); }) Dockerfileを作成する ノード:13.3.0-alpine3.10 から 環境変数ポート=4200\ NODE_ENV=本番 # expressとangular/cliをインストールします npm install [email protected] -g \ を実行します。 && npm インストール -g @angular/cli # アプリディレクトリを作成する RUN mkdir -p /app # コードをAppディレクトリにコピーします。COPY ./app ワークディレクトリ /app # 依存関係をインストールしてプログラムをビルドします。サブディレクトリにリバースプロキシする必要があるため、base-hrefパラメータを追加します。RUN npm install && ng build --base-href /manage/ --prod ${PORT} を公開する エントリポイント ["node", "/app/server.js"] 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Windows 7 で MySQL 8.0.16 をインストールして使用する場合、パスワードの変更と Navicat への接続に関する問題が発生する
>>: WeChatアプレットwebViewにH5を埋め込む方法の例
結果:実装コードhtml <ul class="スライド"> <...
<br />思想が東西に分かれていた時代、東洋の叡智を代表するものの一つとして「禅」は多...
今日は、CSS を使用してクールな画像カルーセル コンポーネントを作成する方法を学びます。その原理は...
目次コンポーネントの登録コンポーネントの追加ソースコードドラッグ可能なテキスト ボックスでは、ユーザ...
Linux に zip 解凍機能をインストールする通常、 zip コマンドは Linux サーバーに...
ストアド関数ストアド関数とは: SQL コードの一部をカプセル化し、特定の関数を完了して、結果を返し...
この記事では、jQueryカルーセル機能の実装コードを参考までに共有します。具体的な内容は次のとおり...
まず関数の自己呼び出しを知る必要がある関数の自己呼び出し - 自己呼び出し関数1 回限りの関数 - ...
この記事では、参考までにVMWare LinuxにMySQL 5.7.13をインストールするチュート...
この記事では、MySQL クラスター化インデックスのページ分割を例を使って説明します。ご参考までに、...
ダウンロードダウンロードアドレス: https://redis.io/download /usr/l...
この記事では、トップに戻るボタンを実装するためのJavaScriptの具体的なコードを参考までに紹介...
JavaScriptは、参考のためにランダムな点呼Webページを作成します。具体的な内容は次のとお...
runlike を使用してコンテナの docker run 起動パラメータを表示します。 pipを...
目次1つのマスターと複数のスレーブのレプリケーションアーキテクチャマルチレベルレプリケーションアーキ...