ホームページ  >  記事  >  ウェブフロントエンド  >  Docker を使用して反応プロジェクトをデプロイする方法

Docker を使用して反応プロジェクトをデプロイする方法

藏色散人
藏色散人オリジナル
2022-12-28 09:59:012921ブラウズ

Docker を使用して反応プロジェクトをデプロイする方法: 1. 「docker pull nginx」を通じて nginx イメージをプルします; 2. プルが成功したかどうかを確認します; 3. 「docker run --name reverseweb -p 8088」を使用します:80 -d nginx" を実行して、nginx コンテナーを作成して起動します。 4. nginx 情報を変更し、ローカル ファイルを docker イメージにコピーします。

Docker を使用して反応プロジェクトをデプロイする方法

このチュートリアルの動作環境: Windows 10 システム、react18.0.0 バージョン、Dell G3 コンピューター。

Docker を使用して反応プロジェクトをデプロイするにはどうすればよいですか?

Docker に React プロジェクトをデプロイする方法を段階的に説明します (Docker に nginx をデプロイ)

1. nginx イメージをプルします

docker pull nginx

2. チェックしますプルが成功したかどうか

docker images

3. nginx コンテナーを作成して開始します

docker run --name reactweb -p 8088:80 -d nginx

-name: 新しく作成したコンテナーに名前を付けます。ここでは、reactweb

-p: ポートを示します。マッピング、ホストを入力します。 8088 ポートはコンテナの 80 ポートにマッピングされます。つまり、localhost:8088

-d への最後のアクセスです。起動に成功した後、完全なコンテナ ID

# を出力します。 ##nginx: ミラー名

この時点で、localhost:8088

3.1. MySQL コンテナ

docker exec -it reactweb sh

4 にアクセスしたときに nginx が表示されるかどうかをテストできます。 nginx 情報を変更し、vim

apt-get update
apt-get install vim

5 を使用する必要があります。ローカル ファイルを docker イメージにコピーします

docker cp ローカル アドレス コンテナー ID:nginx マッピング アドレス

ローカル アドレス: /Application/code/build

container id:docker ps -a

nginx マッピング アドレスを表示するには、コンテナに入り、/etc/nginx/ のdefault.conf を表示します。 conf.d. デフォルトは usr/share/nginx/html

6. nginx conf を変更する必要がある場合は

cd /etc/nginx/conf.d
vim default.conf
// 编辑完保存后 重启nginx
nginx -s reload

ローカルでアクセスできます

推奨学習: "

反応ビデオチュートリアル"

以上がDocker を使用して反応プロジェクトをデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。