前提・実現したいこと
フロントエンドにReact、サーバーサイドにGolangを用いた簡易な記事投稿サイトを作成しています。
フロントエンドからサーバーサイドへの通信にはaxiosを利用しております。
ローカル環境では問題なくaxiosを用いて通信できるのですが、
本番環境でも問題なく通信できるようにする方法がわかっていません。
本番環境はawsにデプロイする予定です。
具体的には以下の2点に関して皆様の知見をご教授いただきたいです。
- 本番環境と開発環境でaxiosのurlを切り替える方法
- 本番環境で何をaxiosのurlに渡せば良いのか
該当のソースコード
現在はローカル限定なので、以下のようにaxiosのurlを直接指定しております。
しかしこれではローカルでしか稼働しないため、上記の2点の問題が生じております。
React
1 axios 2 .get('http://localhost:2345/api/article/' + this.props.match.params.id) 3 .then(response => { 4 this.setState({article: response.data}); 5 }) 6 .catch(response => console.log('ERROR!! occurred in Backend.'));
補足情報(FW/ツールのバージョンなど)
フロントエンド:React/axios
サーバーサイド:Golang/gin
デプロイするサーバー:aws(予定)
以上お手数ですが、ご教授いただけると幸いです。よろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/07/31 07:21