私はバックエンド/APIサーバーをAWS EC2インスタンスにデプロイしました。これはSSLなしでロードされており、URLは次のようになります。amazonaws.com の ec2-67-ap-southeast-3 を参照してください。'
そして、私はReactフロントエンド/クライアントをデプロイしました。AWS アンプリファイコンソール。自動的に追加されます証明書本番ブランチのURLは次のようになります。https://branch.d3as6d542.amplifyapp.com
問題は、クライアントからサーバーにAPI/HTTPリクエストを送信できないことです。そして、以下のエラーが発生します。
Mixed Content: The page at 'https://branch.d3as6d542.amplifyapp.com' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://ec2-67.ap-southeast-3.compute.amazonaws.com/api/profile’. This request has been blocked; the content must be served over HTTPS.
クライアントのローカルホスト開発環境からこの API 呼び出しを行うことができます。ただし、HTTP の不一致のため、AWS AMPLIFY SERVER からエラーが発生します。
この問題を解決するにはどうすればよいですか? または、自動的に追加された AWS AMPLIFY の SSL を削除する方法はありますか?
ベストアンサー1
使用できますどこでもコルプロキシ。これは https としてホストされており、プロキシなので、API エンドポイント URL の前に追加するだけで済みます。
元。http://myapi.com/v1/ユーザー次のように書くことができる。https://cors-everywhere.herokuapp.com/http://myapi.com/v1/users
これでうまくいきます。私は個人的に、あなたが言及したのと同じ設定でこれを使用しています。
プロキシを使用したくない場合は、独自のプロキシを作成することもできます。