以前、プロジェクトを開発しました。バックエンドのインターフェースを書くために Flask フレームワークを使用し、フロントエンドには Vue フレームワークを使用しました。プロジェクトのフロントエンドとバックエンドは完全に分離されていました。デプロイ中にいくつか問題が発生したので、記録しました。 デプロイメント環境: デプロイメント方法: ステップ: 1. まず、通常の Python ランタイム環境をインストールします。 2. uswsgi をインストールして通常どおり実行します (インストールには pip を使用します。pip install uwsgi): 新しいconfig.iniファイルを作成する [uwsgi] # uwsgi の起動時に使用するアドレスとポート。Nginx プロキシはこのアドレスに転送する必要があります socket = xxxx:xxxx #Python 環境ディレクトリ #home = /usr/local/python/bin #ウェブサイトのルートディレクトリを指定します chdir = /root/www #python プロジェクトの起動プログラム ファイル wsgi-file = /root/www/run.py #Pythonプログラムを起動するために使用するアプリケーション変数名 callable = app #プロセッサ数 = 3 #スレッド数 threads = 3 #ステータス監視アドレス stats = 127.0.0.1:5000 #uwsgi パッケージ解析用の内部バッファ サイズを設定します。デフォルト 4k バッファサイズ = 32768 uwsgi 起動コマンド: uwsgi config.ini #このコマンドは直接uwsgiを起動します -d --ini config.ini #このコマンドはバックグラウンドで実行されます。一般的には 3. nginxをインストールします。正常です。私たちはインストールの保守と操作をしていますが、プロセスは表示されませんので、Baiduを参照してください。 ここで疑問が湧きます。 vueとflaskを同時にプロキシすると、どのように試してもフロントエンドはflaskのアドレスにアクセスできません 解決: 2つの異なるドメイン名がそれぞれvueとflaskのプロキシに使用され、vueはflaskのプロキシドメイン名を指します。 ユーザー nginx; ワーカープロセス 1; error_log ログ/error.log; #error_log ログ/error.log 通知; #error_log ログ/error.log 情報; pid ログ/nginx.pid; イベント { ワーカー接続xx; epoll を使用します。 } http { mime.types を含めます。 デフォルトタイプ アプリケーション/オクテットストリーム; log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent" "$http_x_forwarded_for"'; #access_log ログ/access.log メイン; server_tokens オフ; ファイル送信オン; #tcp_nopush オン; #キープアライブタイムアウト 0; キープアライブタイムアウトxx; #gzip オン; サーバー{ xxを聴く; サーバー名 hqfund.com www.hqfund.com; 301 https://$host$request_uri を返します。 } サーバー{ 443 ssl を聴く; サーバー名 xxx.com1; ssl_certificate /xxxx; ssl_certificate_key /xxxx; 位置 / { ルート /xxxx; インデックス index.html index.htm; } } サーバー{ xxを聴く; サーバー名 xxx.com2; 301 https://$host$request_uri を返します。 } サーバー{ xxx ssl を聞きます。 サーバー名 xxx.com2; ssl_certificate /xxxx; ssl_certificate_key /xxxx; 位置 / { uwsgi_params を含めます。 uwsgi_passxxxx:xx; プロキシ_http_バージョン 1.1; proxy_set_header アップグレード $http_upgrade; proxy_set_header 接続「アップグレード」; } } } これで、Flask と Vue のフロントエンドとバックエンドの分離プロジェクト展開のサンプルコードに関するこの記事は終了です。Flask と Vue のフロントエンドとバックエンドの分離の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: ウェブページのFOUC問題によるウェブページの混乱の解決策
>>: HTMLとCSSを使用して、自分だけの暖かい男「Dabai」を作成します
例示するDML(データ操作言語)とは、データベースの追加、削除、変更を行うための操作命令のことです。...
いつも、気づかないうちに時間というのは驚くほど早く過ぎていきます。小暑が過ぎ、中暑に突入しました。太...
1. Ansibleのプレイブックを使用してhttpdを自動的にインストールする1) まず、Ansi...
Tomcat の上位バージョンでは、デフォルト モードは NIO モードを使用することになります。...
ショートハンドプロパティは、複数のプロパティに同時に値を割り当てるために使用されます。たとえば、fo...
要件は次のとおりです。ドメイン名の下に複数のサーバーがあります。現在、特定の地域をテストしています。...
スライドショーは Web ページでよく見られます。美しい写真が使われています。こちらは純粋な CSS...
1. 1列を変更する 学生の更新、都市c s.city_name = c.name を設定します こ...
Nginx の公式 Web サイトから Windows バージョンの Nginx をダウンロードしま...
Docker をインストールした後、会社が構築したプライベート サーバー Harbor からプルしよ...
目次序文1. Nginx+Tomcat 2. Nginxサーバーを構成する3. Tomcatアプリケ...
序文今日は、デザインパターンのクリエーションパターンを見直していたところ、JS でシングルトンパター...
1. はじめに(1)vw/vhの紹介使用する前に、vw と rem とは何か、その機能について簡単に...
これは純粋に CSS のみを使用して作成されたエフェクトです。簡単に言うと、このエフェクトは画像処理...
JConsoleとはJConsole は Java 5 で導入されました。 JConsole は、コ...