コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > 運用・保守 > Nginx > nginx を使用してフロントエンド プロジェクトを正しくデプロイする方法

nginx を使用してフロントエンド プロジェクトを正しくデプロイする方法

王林
リリース： 2020-11-16 15:48:57
転載
3726 人が閲覧しました

nginx を使用してフロントエンド プロジェクトを正しくデプロイする方法

目的:

nginx は dist のフロントエンド プロジェクトをデプロイおよびパッケージ化します

(学習ビデオ共有: php ビデオ チュートリアル)

関連知識: 

docker 安装与使用
docker pull nginx
docker run --restart=on-failure:20 -itd --name nginx -p 80:80 nginx:latest
ログイン後にコピー

SEO

nginx如何部署dist?
nginx如何部署vue?
nginx如何部署前端项目?
ログイン後にコピー

nginx のインストール後、設定を行う

ファイルは /etc/nginx/conf.d に配置されます。 /xxx.conf 

server{
    listen 80;
    server_name  xxx.com;

    location /{
        root /home/web/vueProjects/wxopapp/dist/;
        index index.htm index.html;
        expires      30d;
    }
}
ログイン後にコピー
rrree

関連する推奨事項: nginx チュートリアル

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

関連ラベル：
nginx
ソース：csdn.net
前の記事：nginxキャッシュの仕組みにはどのようなものがあるのでしょうか？ 次の記事：nginxにSSL証明書をインストールする正しい方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
nginx proxy_pass 設定を変更した後、React アプリが読み込まれません ReactappNodeJS バックエンドと nginx を持っています。証明書を取得し、Certbot 経由でインストールしました。私のアプリケーションは get リクエストと ...
から 2024-04-05 11:53:10
0
1
316
アプリケーションのデータベース接続をデコードしています: ヘルプを探しています 私はPhpの初心者で、最近、MySQLとRDSを使用してサーバー（AWS）上で実行され、/ファイルサーバー{server_namemytableで定義されているnginx app/...
から 2024-04-02 12:19:18
0
2
320
ウェブサイトをローカルにコピーすると、WordPress ホームページが複製コピーにリダイレクトされます 背景: nginx と wordpress を使用して、rpi4 で複数の Web サイトを実行しています。開発とテストのためにサイトの 1 つをローカル ネットワークにコピーした...
から 2024-03-31 15:26:18
0
2
280
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート