web-dev-qa-db-ja.com

APIへのHTTPリクエストがHTTPS Webサイトからブロックされました

HTTPでホストされているWebサービスを呼び出す問題に直面しており、HTTPSドメインからWebサービスを呼び出しています。

webサービスの.htaccess

RewriteEngine On 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteRule ^(.*)$ %{ENV:BASE}index.php [QSA,L]

Webを呼び出そうとすると、コンソールで次のエラーが発生しました。

angular.min.js:93混合コンテンツ:https://www.<my-domain.com>/#/のページはHTTPS経由でロードされましたが、安全でないXMLHttpRequestエンドポイントhttp://<api url goes here>を要求しました。このリクエストはブロックされました。コンテンツはHTTPS経由で提供する必要があります。

注意

WebサービスはHTTPのみのAWSサーバーでホストされ、私のWebサイトは他のホスティングプロバイダーにホストされています。

2
Paresh Gami

回避策として、私はWebサービスをプロキシしています:

  1. SSLホスティング(Angular Project +新しく作成されたプロキシWebサービス)

  2. AWS(古いWebサービス+ MySqlデータベース)

AngularJSから、新しく作成されたプロキシ(cURLを使用するだけ)を呼び出します。このcURLコードは、HTTP経由でAWSサーバーにリクエストを渡します。

1
Paresh Gami