iOSでイオンアプリをエミュレートするときにCORSの問題が発生する

Question

最近ionic-cliが更新され、ionic cordova emulate iosというコマンドでイオンアプリをエミュレートしようとしています。すべてのAPIが

起源http://localhost:8080がアクセス制御 - 許可 - 起源によって許可されていない要求で

しかし、私は、CORSのエラーを取得しています。私はionic docsはコルドバを実行するのと同じように

上記のコマンドについてはこれを言うことがわかっ

は直接エミュレートするだけでなく、ウェブ資産の変更を監視し、--livereloadオプションでライブリロード機能を提供します。それは、そのコマンドのように思える

も起源はlocalhost代わりのfile://である理由を説明するだろうサーバーを、開始します。

しかし、cordova emulate iosでエミュレートしたり、ionic cordova build iosでアプリをビルドしてシミュレータで出力を実行しましたが、CORSエラーが発生します。

Androidでのエミュレートはうまく動作し、ブラウザでアプリを実行するためのプロキシがあります。

正しい軌道に乗っていて、エミュレートする方法があるかどうかは、file://かと思いますか？ App Storeにアプリを公開するときにこの問題は解決しないでしょうか？

Answer 1

iOS上のCORSの問題は、実際にはionic-cliに由来していませんでしたが、WKWebViewをUIWebviewに変更したことに由来します。

This blog postについては、WKWebViewの詳細と、以前のバージョンよりもはるかに優れている理由について説明します。

また、この関係CORS言及：

のUIWebView、またはiOSで古いのWebView、実際にCORSを強制しないが、WKWebViewはありませんし、それを無効にする方法を提供していませんでした。これが不可能な場合、回避策は、ネイティブHTTPを使用することができます（あなたがAPIを所有していない）http://localhost:8080

：

原産地：これに対処するために、あなたは正しくCORSを実装し、次のエントリを追加する必要がありますプラグイン、@ ionic-native/http。

私はapiでCORSを有効にしていたので、以前と同じように動作しました。

Answer 2

が

"proxies": [{ 
    "path": "/api", 
    "proxyUrl": "http://your-server.com" 
}] 

をionic.config.jsonし、それはまだ動作しない場合は、単にhttp.get('/api')

を使用してサーバーを呼び出すために、このコードを追加して、イオンプロキシを作成してみてください、コルドバHTTPプラグインを使用してみてください角のhttpの代わりに。