ビデオソースリンク: https://www.bilibili.com/video/BV1YE411E7Xr/?spm_id_from=333.999.0.0&vd_source=99acb313a9a41c2ae58ef6a3e44dfa74
記事ディレクトリ
- 1. サーバーを購入し、リモートでサーバーに接続します
- 2.Dockerサービスをインストールする
- 3. Docker に基づいて Nginx イメージをインストールする
- 4. Vue プロジェクトをローカルで作成し、Gitee にアップロードします
- 5. サーバーに Git をインストールし、コードをプルします
- 6. コードをコンパイルするためにサーバーに NodeJs 環境をインストールします
- 7. コンパイルした静的ファイルを Nginx に配置します
- 8. プロセスを簡素化するためにフロントエンド起動コマンドを追加します。
- 9. 問題解決策 1: nginx リバース プロキシで js と css が失われる問題
1. サーバーを購入し、リモートでサーバーに接続します
https://www.ucloud.cn/ から 2 コア 2G 香港クラウド サーバーを購入し、FinalShell を使用してリモート接続しましたが、接続サーバーの購入については詳しく説明しません。
2.Dockerサービスをインストールする
https://www.jianshu.com/p/3771b155283b
3. Docker に基づいて Nginx イメージをインストールする
https://www.jianshu.com/p/f2c6ad35fbb0
4. Vue プロジェクトをローカルで作成し、Gitee にアップロードします
https://www.jianshu.com/p/a14777f08224
5. サーバーに Git をインストールし、コードをプルします
https://www.jianshu.com/p/701739980183
6. コードをコンパイルするためにサーバーに NodeJs 環境をインストールします
https://www.jianshu.com/p/fb3acfe2da07
7. コンパイルした静的ファイルを Nginx に配置します
https://www.jianshu.com/p/5ac580498ecd
8. プロセスを簡素化するためにフロントエンド起動コマンドを追加します。
https://www.jianshu.com/p/eae541f940f0
9. 問題解決策 1: nginx リバース プロキシで js と css が失われる問題
https://www.jianshu.com/p/f0cdbc691c85