フロントエンド開発をする際、Browsersyncなどを使ってlocalhostサーバを立てることは多いかと思います。この記事は、サーバ側のAPIやCookieの都合から、本番環境のURLでそのローカルサーバにアクセスしたくなったとき向けのTipsです。 やり方はいくつもありそうですが、ここではHoxyというNode.js上で動作するプロキシサーバを、gulpと連携させて使う方法を紹介します。 Node製のプロキシを選んだのは、外部ツールのインストールや、hostsの書き換えをせずにサクッと環境構築できるようにするためです。 実現すること ブラウザでhttp://example.com/(任意のURL)にアクセスすると、ローカルのコンテンツが表示される 開発中はlivereloadなどBrowsersyncの各種機能が利用できる npm install && gulpだけで環境を共有できる