異なる環境用のIonicプロキシ設定

Question

私はイオンに慣れていないので、さまざまな環境のプロキシ設定をセットアップしようとしています。私はwebpackとイオンが提供される前に設定されている環境変数を使って読み込まれる、いくつかの環境固有の設定ファイルを用意しています（https://github.com/gshigeto/ionic-environment-variables参照）。期待されるが、私は次の問題を解決する方法がわからないよう

すべてが動作します：

"proxies": [ 
    { 
     "path": "/api", 
     "proxyUrl": "https://dv.mydomain.com/api", 
     "rejectUnauthorized": false 
    } 
    ] 

と私のHTTP呼び出しの1のようになります。 私のプロキシ設定（ionic.config.json）はこのようになりますこの：

return this.http.get<User[]>(ENV.apiUrl + '/api/users') 

そうでない場合は、プロキシの設定で指定されたパターンがマッチしませんので、私はENV.apiUrlを削除する必要がありますが、私はそうするならば、私はもう異なる環境間で区別することはできません。私はドメインをプロキシ設定のパスに追加しようとしましたが、これはうまくいきませんでした。

この問題を解決する方法はありますか？ 私はイオンフォーラムで同じ質問をしましたが、これまで誰も回答していませんでした。

Answer 1

これまでのところ私が "解決した"方法は、もはやイオン性のプロキシーを使用しないことです。 this plugin for chromeをインストールしました。これは基本的に、Access-Control-Allow-Origin：*をレスポンスヘッダーに追加することで、クロームのCORS保護を無効にします。

Answer 2

apiUrlをURLパスコンポーネントにすることはできませんか？例：

// environment.pro.ts 
export const environment: any = { 
    apiUrl: '/pro' 
}; 

// environment.dev.ts 
export const environment: any = { 
    apiUrl: '/dev' 
}; 

その後、何かのように：イオンは、地域の開発効率向上のために、ブラウザを使用して

// ionic.config.json 
"proxies": [ 
    { 
    "path": "/pro/api", 
    "proxyUrl": "https://example.com/api", 
    "rejectUnauthorized": false 
    }, 
    { 
    "path": "/dev/api", 
    "proxyUrl": "https://dev.example.com/api", 
    "rejectUnauthorized": false 
    } 
] 

Answer 3

CORSの問題は、ローカルの開発に固有のものになります。 すべてのjavascriptはファイルとしてコピーされます：// したがって、起源は存在しません。だから、これはあなたがこの問題を解決する必要がありクローム拡張子 https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

をインストールすることができます処理するため

。