Ajax通信のURL

Question

フロントReact ,バックエンドRailsにて開発をしております。
フロントはcloudfront、s3にアップし、バックエンドはce2にてデプロイしているのですがAjax通信がうまく行きません。

環境変数に
REACT_APP_DEV_API_URL="http://ce2パブリックIP/"

export default axios.create({
baseURL: process.env.REACT_APP_DEV_API_URL
})

const getArticles = async() => {
try {
const results = await json.get('/articles')
setArticles(results.data)
} catch (error) {
console.log(error)
}

このようにAPIを叩くようにしており開発環境では/ce2パブリックIP/articlesを叩けているのですがS３ではlocalhost/articlesとなってしまいます。

どなたかわかる方いましたら宜しくお願い致します。

Answer 1

SPAなのにリロードしていたのがダメだったみたいです。