axios React应用程序在localhost上运行，但在Netlify部署上不运行，因为API调用不同

flseospp 于 2023-02-12 发布在 iOS

关注(0)|答案(2)|浏览(158)

我正在使用freetogame API开发一个React应用程序，它在localhost上运行得很好，但我在Netlify上部署它时，它不工作了，因为它调用了一个不同的地址。localhost API Call
下面是对部署站点的API调用：Deployed Site API Call
正如你在已部署的站点API调用中看到的，请求URL完全不同，并且API调用中有一个/undefined/部分，我不知道是什么原因导致了这个问题，下面是项目的Github链接：Project Github Link
请帮我找到解决方案。先谢了
编辑：我做了更多的研究，发现问题可能是由axios调用引起的。在我的axios调用中有baseURL、header和params，我没有在Netlify部署中定义它们。下面是我的axios调用：Axios Call，下面是我的package.json文件：package.json.如何在netlify中定义它们？

axios

来源：https://stackoverflow.com/questions/73085169/react-app-working-on-localhost-but-not-working-on-netlify-deploy-because-the-api

2条答案

按热度按时间

mfuanj7w1#

是否已将环境变量添加到Netlify？

api_key = process.env.REACT_APP_API_KEY  
api_host = process.env.REACT_APP_API_HOST
api_base_url = process.env.REACT_APP_API_BASE_URL

如果您不在Netlify项目中声明上述变量，它将不知道要插入哪些值，这就是当前未定义这些值的原因。访问此链接以获取更多信息：Netlify Environment Variables

赞(0）回复(0）举报 2023-02-12

1wnzp6jl2#

我找到了一个解决方案，想把它贴在这里，这样它就可以帮助别人了。我试着把我的构建文件部署到Netlify Manuelly上，网站现在正在工作。

赞(0）回复(0）举报 2023-02-12

我来回答

axios React应用程序在localhost上运行，但在Netlify部署上不运行，因为API调用不同

2条答案

相关问题

热门标签

最新问答