web-dev-qa-db-ja.com

IonicでのCORS問題の処理

APIサーバースクリプトを使用してAPIを作成し、IONICフレームワークアプリケーションでAPIと通信しようとしています。作業していますが、クロスオリジンブロックエラーを表示し続けます。

enter image description here

javascriptandroidangularjsionic-framework
10
olajide

プロキシの作成は、ブラウザでIonicを使用してionic -serve。デバイス、特にiOSでWKWebViewを使用する場合、CORSの問題は依然として問題です。

そのような場合、CordovaのネイティブHTTPプラグインを使用できます。

詳細はこちらをご覧ください：

https://hackernoon.com/a-practical-solution-for-cors-cross-Origin-resource-sharing-issues-in-ionic-3-and-cordova-2112fc282664

4
Ari

サーバー構成を変更する方法がない場合は、 Http native plugin を使用してモバイルデバイスからHttpリクエストを実行し、CORSの問題を回避する必要があります。ただし、Web環境では、AngularのHtttClientを使用する必要があります。幸いなことに、 ionic-native-http-connection-backend ライブラリを使用すると、両方の環境で同じHttpClientサービスを使用できます。アプリがモバイルデバイスから実行される場合、Httpネイティブが内部で使用されます。それは一種のラッパーです。

2
José Antonio Postigo

問題は開発段階にあります。それに対処する最良の方法は、「Allow-Control-Allow-Origin」拡張機能をChromeにインストールすることです。

1
Musab

Corsエラーはサーバー側からのみ解決できます。ただし、ブラウザのみの場合はcors拡張機能をインストールすることで解決できますが、デバイスの場合はサーバー側からのみ可能です

1
Rajnesh Rathor