フロントエンド開発エージェントの構成

プロキシ構成

Whistleは、開発およびデバッグツールとして、開発者がクロスドメイン、さまざまな環境構成など、多くの問題を解決するのに役立ちます。

代理法の原則

a.jpg

ホイッスル

詳細な構成については、を参照してください。

インストール

WhistleはNode.jsに基づいています。最初にNode.jsをインストールする必要があります(バージョンは10.0より大きくする必要があります)

npm install -g whistle

開始コマンド

起動 whistle start

再起動w2 restart(これを直接使用して開始できます)

アクセス

http://127.0.0.1:8899/

ルール

ルールを構成します。これはより重要なステップです。目的は、特定の特定域名的请求インターセプトへのアクセスを転送すること本地服务器です。

http://127.0.0.1:8899/#rulesにアクセスしてください。構成は次のとおりです。

ルールを構成する方法はたくさんあります

1.完全一致

注:アクセスhttp://ltzero.com/test/js/app.jsされると、プロキシサーバーからに転送されます。http://127.0.0.1:8080/test/js/app.js

例1
http://ltzero.com/test/js/app.js http://127.0.0.1:8080/test/js/app.js

2.定期的なマッチング

例2
# 以 / 开头  / 结尾
/http://ltzero.com/test/js/(.*\.(js))/ http://127.0.0.1:8080/test/js/$1

$1为占位符,可以拿到前面通过正则匹配到的第一个结果。
此正则配置,包含了上面的示例1

3.ワイルドカードマッチング

例3
# 以 ^ 开头
^ltzero.com/test/*** http://127.0.0.1:8080/$1

4…

その他の一致ルールについては、公式の構成ルールを参照してください

SwitchyOmega

Chromeで使用されるプロキシ構成拡張ツール。

1.新しいプロファイルを作成します

プロキシサーバー->プロキシプロトコル、このドロップダウン選択ボックスでHTTPを選択し、example.comを127.0.0.1に変更し、80を8899に変更します

2.ブラウザのプロキシSwitchyOmegaを切り替えます

コンピューターエージェント

コンピューターがグローバルプロキシで構成された後、すべてのアプリケーションがプロキシを使用します。

Win10構成グローバルプロキシ

Winキー->設定->ネットワークとインターネット->プロキシ->手動でプロキシを設定します。

アドレス127.0.0.1、ポート8899

マック

公式住所

モバイルエージェント

携帯電話でプロキシが設定された後、すべてのアプリケーション要求はプロキシを通過します。

Wi-Fiプロキシを設定->手動で、コンピューターの内部ネットワークIP 10.1.10.133、ポート8899

おすすめ

転載: blog.csdn.net/LitongZero/article/details/115331890