Anglar 7 http代理proxy配置

1401 ワード

前後端分離開発時にhttpを後端に要求する必要があります。この時にドメインをまたぐ問題に遭遇したばかりです。
解決方法の一つはproxyエージェントを使うことです。
ng proxyはwebpack proxyに基づいて、より詳細に説明する：
https://webpack.js.org/config...
1.proxy.co nf.json
プロジェクトのルートの下にファイルを追加します。proxy.conf.json例:

{
    "/api": {
        "target": "http://localhost:8089/",
        "secure": false,
        "pathRewrite": {
            "^/api": ""
        },
        "changeOrigin": true,
        "loglevel": "debug"
    }
}

例：全/api/*の要求に対して、http://localhost:8089/に転送する。

targetは、バックエンドサービスアドレス

である。

pathRewrite、url経路を書き換える。効果は、フロントエンドがバックエンドを要求する時に/api/を使用し、実際のエージェントの場合はこのキーがないということです。

changeOrigin、もしあなたのバックエンドサービスがlocalhostではないなら、この項目をtrue

に設定してください。

loglevel、ログレベル。debug、info、warn、error、and silentを含みます。
2.起動エージェント
ng cli起動時にプロキシファイルproxy.conf.jsonがあるかどうかを確認しますので、起動項目を設定する必要はありません。

$ ng serve

他のプロキシファイルを追加したら、ファイルを指定して起動することもできます。

$ ng serve --proxy-config proxy.conf.json

これにより、プロキシバックエンドの構成が完了し、プロキシを使用してクロスドメインアクセスの問題も解決された。

Java Integerの面接試験問題について

LeetCode 232.Implement Que using Stocks--2つのスタックで1つの列--C++解法を実現します。