nginx をインストールApple Mac ではインストールに brew を使用します。brew がインストールされていない場合は、他の場所を検索してください。 最初のステップは、もちろん、Android Market や Apple AppStore に似たソフトウェア倉庫と考えることができる brew ライブラリを更新することです。 醸造アップデート 2番目のステップは、brewライブラリにnginxがあるかどうかを直接確認することです。 ブリューサーチ nginx 表示されたら、ライブラリがすでに存在していることが証明され、インストールコマンドを直接実行できます。 nginx をインストール インストール後にエラーが発生しない限り、nginx は正常にインストールされています。 。 。 Mac環境でのNginxの対応パス まず、nginxの共通パスを知っておく必要があります。以下にリストしました。
nginxに対応するnginx.confファイルを編集します。これは、上記の設定パスに対応しています。 #ユーザーnobody; ワーカープロセス 1; #error_log ログ/error.log; #error_log ログ/error.log 通知; #error_log ログ/error.log 情報; #pid ログ/nginx.pid; イベント { ワーカー接続 1024; } http { mime.types を含めます。 デフォルトタイプ アプリケーション/オクテットストリーム; ファイル送信オン; #tcp_nopush オン; #キープアライブタイムアウト 0; キープアライブタイムアウト65; クライアントボディバッファサイズ 10m; クライアントの最大ボディサイズは20mです。 #gzip オン; サーバー{ 聞く 80; server_name ローカルホスト; 位置 / { ルート /usr/local/etc/nginx/servers/html; インデックス index.html; try_files $uri $uri/ /index.html; } 場所 /api { proxy_pass http://localhost:18080/api; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; $Real $http_x_forwarded_for を設定します。 ( $Real ~ (\d+)\.(\d+)\.(\d+)\.(\d+),(.*) ){の場合 $Real $1.$2.$3.$4 を設定します。 } proxy_set_header X-Real-Ip $Real; } } 特別な注意が必要な点が 1 つあります。ルートが絶対パスでない場合、アクセスできない可能性があります。 インターネット上のパスのほとんどは相対パスです。何が問題なのかわかりません。ローカルでは機能しません。絶対パスを使用する必要があります。上記のパスの server/html は、npm run build コマンド後の vue プロジェクトの dist パッケージです。これを解凍してこのパスに配置するだけです。名前は、nginx 構成ファイルのパスに対応している必要があります。 最後の結末 最後に、nginxを起動し、ターミナルコマンドを直接入力します。 nginx 起動したnginx.confファイルを指定する場合 nginx -c / の後にパスが続く nginxを停止する nginx -s 停止 nginxを再起動する nginx -s リロード Apple M1 チップに nginx をインストールして vue プロジェクトをデプロイする方法についての記事はこれで終わりです。Apple M1 チップに nginx をインストールして vue プロジェクトをデプロイする方法についての詳細は、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: HTML における iFrame タグの 2 つの使用法
>>: CSSアニメーションがJSによってブロックされるかどうかについての簡単な議論
1.ファビコン.cc ico アイコンの Web サイトをオンラインで作成するには、画像をアップロー...
MySQL は最も人気のあるリレーショナル データベース管理システムです。WEB アプリケーションに...
個人的な実装のスクリーンショット:インストール: npm インストール vue-esign --sa...
背景開発やデバッグには Chrome Dev Tools がよく使用されますが、ページのパフォーマン...
目次1. レシピ集1.1 プロジェクトの背景1.2 テクノロジースタック1.3 開発環境1.4. プ...
この記事では、参考までに、Vue+Vant のトップ検索バーを実装するための具体的なコードを紹介しま...
まず Linux に ssh をインストールします。例として Centos を使用します。ポータル:...
目次序文: 1.DEFINERの簡単な紹介2. いくつかの注意点要約:序文: MySQL データベー...
CentOS6 インストール ディスク (任意のバージョン) を準備するか、別の pnux インスト...
今日、docker で redis 環境を構築していたところ、yum がリソースを取得できず、インタ...
目次Vue 再帰コンポーネントドラッグイベント最近、Vue を使用して、ドラッグ可能なツリー構造図と...
まず、サーバーのハードウェアが現在のトラフィックをサポートするのに十分かどうかを確認します。通常の ...
Web プロジェクトを war にパッケージ化するアイデアにとって最も重要なことは、アトリフィカを...
この記事では、タイピングゲームを実装するためのJavaScriptの具体的なコードを参考までに紹介し...
インストール手順1. 仮想マシンを作成する 2. [カスタム(詳細)]を選択し、[次へ]をクリックし...