如何*同时*将 ngrok 用于后端和前端？

Question

我有一个 React 应用程序，我想在移动设备上进行测试，但是 Chrome 或 Firefox 中的移动开发工具还不够。

后端运行在 上localhost:5000，前端运行在 上localhost:3000。

如果我同时运行ngrok http 3000并且ngrok http 5000使用 给出的链接，我ngrok http 3000可以访问我的前端，但是（可以理解）它可以与我的后端通信，因为它正在寻找localhost: 5000与我的手机相关的服务器，而不是查找 给出的链接ngrok http 5000。

我的问题是：

1. 配置我的应用程序和 ngrok 以便我可以同时在计算机和手机上测试我的应用程序的最佳方法是什么？

2. 有没有更好的方法来做到这ngrok一点而不使用？

谢谢

Answer 1

在您从 API 服务器进行配置的前端中，将其替换为运行后端的 Ngrok URL，然后将 Ngrok 您的前端替换为您的前端，然后您可以从任何地方访问您的前端