Vue 構成リクエストの複数サーバーソリューションの詳細な説明

Vue 構成リクエストの複数サーバーソリューションの詳細な説明

1. 解決策

1.1 インターフェースコンテキストパスの説明

2 つのバックエンド インターフェイス サービス要求プレフィックスは次のとおりです。

  • プレフィックス 1: /bryant
  • 接頭辞2: /

1.2 vue.config.js の設定

開発サーバー: {
 ポート: 8005、
 プロキシ: {
  // 最初のサーバー構成 '/bryant': {
   ターゲット: 'http://localhost:8081,
   ws: 真、
   変更元: true、
   パス書き換え: {
    '^/ブライアント': '/ブライアント'
   }
  },
  // 2 番目のサーバーの構成 '/': {
   ターゲット: 'http://localhost:8082',
   ws: 真、
   変更元: true、
   パス書き換え: {
    '^/': '/'
   }
  } 
 }
} 

1.3 axios の変更

// api base_url、set プレフィックスが存在しません const BASE_URL = ''
// axiosインスタンスを作成する const service = axios.create({
 ベースURL: BASE_URL、 
 timeout: 6000 // リクエストタイムアウト})

現時点では、axiosはbaseUrl設定を直接指定する必要はありません。

1.4 リクエストの送信

// リクエストのプレフィックスは「/」です
this.$http.get("/basketball").then(res => {
 コンソールログ('/', res)
}).catch(エラー => {
 コンソール.log(エラー)
})
// リクエストのプレフィックスは「bryant」です
this.$http.get("/bryant/mvp").then(res => {
 console.log('/bryant', 文字列)
}).catch(エラー => {
 コンソール.log(エラー)
})

要約する

複数のインターフェースサービスの場合、プレフィックスが「/」の場合は、プロキシ設定の最後に配置する必要があります。プロキシする場合は、上から下に向かって検索されます。先頭に配置すると、他のサービスもこの設定によってプロキシされます。

複数サーバーを必要とする Vue 構成の解決方法の詳細な説明については、これで終わりです。複数サーバーを必要とする Vue 構成の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vue 構成マルチプロキシ サービス インターフェース アドレス操作
  • Vue プロジェクトを IIS サーバーにパッケージ化してデプロイする構成方法
  • クライアント(vueフレームワーク)とサーバー(koaフレームワーク)の通信とサーバーのクロスドメイン構成の詳細な説明

<<:  Centos6にMysql5.7をインストールする方法

>>:  CentOS7仮想マシンで固定IPアドレスを設定する方法

推薦する

JavaScriptはすべての選択と選択解除の操作を実装します

この記事では、JavaScriptで全選択と全選択解除の操作を実装するための具体的なコードを参考まで...

Linux ファイアウォールを設定してポート 80 と 3306 を開く方法

ポート80も設定されています。まずファイアウォール設定ファイルを入力しますシェル># vim ...

Windows システムでの MySQL 8.0.21 インストール チュートリアル (図とテキスト)

インストールの提案: インストールには .exe を使用せず、圧縮パッケージを使用してください。これ...

Nginx で WordPress 擬似静的を設定する方法の例

Baidu の擬似静的の説明を引用します。擬似静的は、実際の静的に相対的です。通常、検索エンジンの使...

プロファイルを使用して遅い SQL を分析する MySQL の詳細な説明 (グループ左結合はサブクエリよりも効率的です)

プロファイルを使用して遅いSQLを分析するMySQL の SQL パフォーマンス アナライザーの主な...

Linux で scp コマンドを使用してファイルをリモートでコピーする方法の詳細な説明

序文scp は secure copy の略です。scp は、Linux システムの ssh ログイ...

MySQLデータ損失のトラブルシューティング事例

目次序文現地調査ケースの再現要約する序文最近、友人が突然WeChatで連絡してきて、MySQLでデー...

jsは動的にテーブルを生成します(ノード操作)

この記事の例では、テーブルを動的に生成するjsの具体的なコードを参考までに共有しています。具体的な内...

Linux コマンドを使用してオーディオ形式を変換および結合する方法

FFmpeg flacをインストールする eric@ray:~$ sudo apt install ...

HTML の一般的でないタグ optgroup、sub、sup、bdo のサンプルコード

Optgroup は、ドロップダウン リストのコンテンツをより整理するために、select タグで使...

Vue のドロップダウン ボックスのセカンダリ リンク効果を実装するためのサンプル コード

1. 成果を達成する 2. バックエンドから返されるデータ形式 「リスト」: [ { "i...

JavaScript タイマーの種類の概要

目次1.setInterval() 2.タイムアウトを設定する() 1.setInterval()指...

バックアップと削除のためにリアルタイムでステートメントを検出するMySQLトリガーの考え方の詳細な説明

問題の説明: ユーザーは、テーブルに「違反」という単語を含むフィールドが時々表示されることを要求して...

MySQL ストアド プロシージャの in、out、inout パラメータの例と概要

ストアドプロシージャ1. ストアドプロシージャを作成し、グローバル変数を表示する mysql>...

Mysql の主キー インデックスと非主キー インデックスの違いについて簡単に説明します。

目次インデックスとは何か主キーインデックスと通常のインデックスの違いインデックスにはどのデータ構造が...