httpsのドメインをプロキシしてlocalhostとして使えるようにする設定

概要

ローカル開発環境で、ブラウザで動くものを作ろうとすると、クロスドメイン制約に引っかかり、データの取得ができない場面があります。

Apacheを使って、開発環境のドメイン(localhostなど)で呼び出せるようにできます。

設定

macOSの場合のApacheのモジュール追加 ( /etc/apache2/httpd.conf )

# コメントアウトされているので外す
LoadModule proxy_module libexec/apache2/mod_proxy.so
LoadModule ssl_module libexec/apache2/mod_ssl.so
LoadModule proxy_http_module libexec/apache2/mod_proxy_http.so

それぞれの環境のapache confに追記

<VirtualHost *:80>
    SSLProxyEngine On
    RewriteEngine On
    RewriteRule ^/proxy_path/(.*)$ https://domain/$1 [P,L]
    Header add Access-Control-Allow-Origin "*"
</VirtualHost>

設定の読み込み後、http://localhost/proxy_path/ 等で開けるようになりました。