如何在我的 React-Native 开发环境中指定 Metro Bundler IP 地址?
How to specify Metro Bundler IP adress in my React-Native dev-environment?
不确定这是否可能,但这里是:
设置
- 我有一个使用 react-native cli 的 React-Native 应用设置
- 我正在尝试向我的应用程序后端发出网络请求
- 比如说,
stage.foo.com/graphql
- 我启动我的 android 模拟器并启动开发服务器:
react-native run-android
- 这会在
localhost:8081
启动我的 metro-bundler 开发服务器
问题
- 由于公司
foo
拥有出色的基础设施和安全性,他们设置了 CORS 以阻止来自 localhost
的所有请求。
- 但是,他们还为这种场合设置了一个 public 环回域
local.foo.com
。
local.foo.com
重定向回 localhost
- 如果我访问
local.foo.com/graphql
,它指向我想要的端点
- 当我访问
local.foo.com:8081/debugger-ui
(远程调试 URL)时,它正确连接到 运行 那里的 Metro Bundler 服务。
还剩一块:
毕竟,这是我的问题:
- 我的 react-native 设置配置为从
locahost:8081
加载应用程序
- 有没有办法编辑设置以改为从
local.foo.com:8081
加载应用程序?
注意:这不是应用程序代码的问题,我需要一些方法来更改应用程序在寻找 Metro Bundler 服务时访问的源。
- 打开 React Native 应用程序
- 摇动设备 2-3 次
- Dev Settings → Debug server host -> IP address with 8081 port and reload,就这样
在 Emulator / Simulator 打开 Dev 设置你可以使用命令 CTRL + M。确保它不是 Release build(不是 Signed APK)
不确定这是否可能,但这里是:
设置
- 我有一个使用 react-native cli 的 React-Native 应用设置
- 我正在尝试向我的应用程序后端发出网络请求
- 比如说,
stage.foo.com/graphql
- 比如说,
- 我启动我的 android 模拟器并启动开发服务器:
react-native run-android
- 这会在
localhost:8081
启动我的 metro-bundler 开发服务器
问题
- 由于公司
foo
拥有出色的基础设施和安全性,他们设置了 CORS 以阻止来自localhost
的所有请求。 - 但是,他们还为这种场合设置了一个 public 环回域
local.foo.com
。local.foo.com
重定向回localhost
- 如果我访问
local.foo.com/graphql
,它指向我想要的端点 - 当我访问
local.foo.com:8081/debugger-ui
(远程调试 URL)时,它正确连接到 运行 那里的 Metro Bundler 服务。
还剩一块:
毕竟,这是我的问题:
- 我的 react-native 设置配置为从
locahost:8081
加载应用程序
- 有没有办法编辑设置以改为从
local.foo.com:8081
加载应用程序?
注意:这不是应用程序代码的问题,我需要一些方法来更改应用程序在寻找 Metro Bundler 服务时访问的源。
- 打开 React Native 应用程序
- 摇动设备 2-3 次
- Dev Settings → Debug server host -> IP address with 8081 port and reload,就这样
在 Emulator / Simulator 打开 Dev 设置你可以使用命令 CTRL + M。确保它不是 Release build(不是 Signed APK)