proxyTable パラメータを使用したプロキシ

今回はproxyTableパラメータプロキシの使い方を紹介します。proxyTableパラメータプロキシを使用する際の注意点は何ですか？以下は実際のケースです。

プロキシクロスドメインとは何ですか?

セキュリティ上の理由から、いくつかの特別な例を除いて、異なるドメイン間でデータを取得することは許可されていません

< img>、

いわゆるプロキシは、次のとおりです。フロントエンドを置き換え、バックエンドを使用して http リクエストを作成します。vue のスキャフォールディングと同様に、プロジェクトを実行するには、npm run dev または npm run start を入力する必要があります。このコマンドは、実際に構成されたノード サーバーを開きます。 vue スキャフォールディングのエージェントは、フロント デスクの代わりにノードを使用して http リクエストを開始します。リクエストはブラウザによって開始されないため、非常に簡単ではないでしょうか。

vue スキャフォールディングを使用してクロスドメインをプロキシする方法、config フォルダーでindex.js ファイルを見つけます。ファイル内に dev があり、その中にある proxyTable{} を見つけて変更します

proxyTable: {
   '/api': {
    target: 'https://www.xxx.com/',//你要跨的域
    changeOrigin: true,
    pathRewrite: {
     '^/api': '/api',
    },
    headers:{
     //这边可以堆headers进行设置
    }
   },
  },

ここで、target は指定したアドレスですクロスドメインを希望します。/api は、横断するドメインの下の次のレベルのパスです。上記と同様に、https://www.xxx.com/api の下にあるものを取得します。次に、ajax パッケージ axios を導入します。 ajax を実行します

import axios from 'axios'
axios.get('/getMessage').then(()=>{})

上記のコードが実行されると、ドメイン間で https://www.xxx.com/api/getMessage からデータを取得するのに自動的に役立ちます

の事例を読んだ後は、この方法を習得したと思います。この記事のさらに興味深い情報については、php 中国語 Web サイトのその他の関連記事をご覧ください。

推奨読書:

Vue2 ルーティング ナビゲーション フックをカプセル化して実際の戦闘で使用する

ユーザー検証用のノード+トークン

以上がproxyTable パラメータを使用したプロキシの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。