ホームページ > 記事 > ウェブフロントエンド > スキャフォールディングに基づいて Angular プロキシを構成する方法の簡単な分析
この記事では、Angular プロキシ (プロキシ) をスキャフォールディングに基づいて設定する方法を紹介します。
[関連チュートリアルの推奨事項: "angular チュートリアル"]
ローカル開発におけるクロスドメインの問題を解決するには、他のアドレスに一致するリクエストをプロキシするプロキシ ファイルを書き込みます。
proxy.config.js を作成します
--proxy-config proxy.config.js
## を package.json
const PROXY_CONFIG = [ { context: ['/api'], target: 'http://xxx', secure: false, changeOrigin: true, pathRewrite: { '^/api': '', }, }, ]; module.exports = PROXY_CONFIG;# の実行中のプロジェクト コマンドに追加します
^ 書き換えられるパス
、値は置き換えられるパスです。
#secure
changeOrigin
#構成インスタンスプロキシを
は次のように構成できます<pre class="brush:js;toolbar:false;">const PROXY_CONFIG = [
{
context: [&#39;/auth/login&#39;],
target: &#39;http://www.baidu.com&#39;,
pathRewrite: {
&#39;^/auth/login&#39;: &#39;/news/login&#39;,
},
},
]
module.exports = PROXY_CONFIG;</pre>
/api/cer/register
、もう一方の
{ context: ['/api/cer/login'], target: 'xxx1', secure: false, changeOrigin: true, }, { context: ['/api'], target: 'xxx2', secure: false, },
/api を使用します。これと一致する限り、プロキシを通過しますが、より正確な が最初に一致し、このプロキシを使用します。 github でのその他の使用法の最新情報:
プログラミング関連の知識の詳細については、こちらをご覧ください。 :プログラミング入門
! !
以上がスキャフォールディングに基づいて Angular プロキシを構成する方法の簡単な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。