Edited at

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

More than 1 year has passed since last update.


概要

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

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/ 等で開けるようになりました。