Android设备上的Apollo网络错误（React Native）

Question

所以我在玩Expo+React Native+yoga graphql server+Apollo Client，通过查询获取数据在浏览器中工作，当我从Expo点击“在浏览器中运行”时，但如果我试图在android模拟器/QR code上从真实的手机上运行该应用程序，它会引发网络错误。附言。我在github上阅读了类似的帖子和问题，所以我设法使graphqlendpoint可以通过nat和No-IP从“外部”访问。（所以这不是localhost问题）。以下是在console.log（error）中引发的错误：

网络错误：网络html" target="_blank">请求失败
*http://192.168.1.55:19001/node_modules/expo/appentry.bundle？platform=android&dev=true&minify=false&hot=false:159227:30 in apolloerror
-node_modules/@apollo/client/apollo-client.cjs.js:681:35 in JS:5083:24 in-node_modules/@apollo/client/apollo-client.cjs.js:5235:22 in useDeepMemo
-node_modules/@apollo/client/apollo-client.cjs:5258:4 in useBaseEquery
*http://192.168.1.55:19001/node_modules/expo/appentry.bundle？platform=android&dev=true&minify=false&hot=false:157867:42在renderWithHooks中-node_modules/react-native/libraries/renderer/implementations/reactnativeRenderer-dev.js:12842:6在updateFunctionComponent-node_modules/react-native/libraries/rend中ERER/implementations/reactnativerEnderer-dev.js:20459:25在BeginWork$$1-node_modules/react-native/libraries/renderer/implementations/reactnativerEnderer-dev.js:19370:24在performUnitWork
-node_modules/react-native/libraries/rementration/reactnativerEnderer-dev.js:19347:39在]:renderroot-node_modules/react-native/libraries/renderer/implementations/reactnativeRenderer-dev.js:18709:28 in runRootCallback*[本机代码]:null in runrootcallback-node_modules/react-native/libraries/renderer/implementations/reactnativeRenderer-dev.js:5642:32 in dev.js:5638:22在flushsynccallbackqueueimpl-node_modules/react-native/l中ibraries/renderer/implementations/reactNativerEnderer-dev.js:5627:28 in flushsyncallbackqueue-node_modules/react-native/libraries/renderer/implementations/reactNativerEnderer-dev.js:18556:30 in scheduleupdateonfiber-node_modules/react-native/libraries/renderer/implements/reactNativerEnderer-dev.js:11484:17 in_0.error-node_modules/zen-observable/lib/observable.js:139:8 in notifySubscription*http://192.168.1.55:19001/node_modules/expo/appentry.bundle？platform=android&dev=true&minify=false&hot=false:165854:23 in onnotify-node_modules/zen-observable/lib/observable.js:239:11 in error*[本机代码]:null in forEach/expo/appentry.bundle？platform=android&dev=true&minify=false&hot=false:159700:31 in onError-node_modules/@apollo/client/apollo-client.cjs.js:2424:20 in invoke-node_modules/@apollo/client/apollo-client.cjs.js:2785:24 in info.listeners.forEach$argument_0*[native code]:null in foreach-node_modules/@apollo/client/apollo-client.cnjs.js:2781:34 in queries.forEach$argument_0*[native code]:2781:8 in querymanager.p：//192.168.1.55:19001/node_modules/expo/appentry.bundle？platform=android&dev=true&minify=false&hot=false:161498:45 in-node_modules/promise/setimmediate/core.js:37:14 in trycallone-node_modules/promise/setimmediate/core.js:123:25 in espass-node_modules/react-native/libraries/core/timers/jstimers.js:458:30 in callImmediates*[本机代码]:null in callimmediates-node_modules/react-n在__callimmediates-node_modules/react-native/libraries/batchedbridge/messagequeue.js:143:6在__guard$argument_0-node_modules/react-native/libraries/batchedbridge/messagequeue.js:384:10在__guard-nodeles/react-native/libraries/batchedbridge/messagequeue.js:142:17在__guard

我做错了什么？-（

Answer 1

因此，如果您想让graphqlendpoint可以从“外部世界”访问，您必须在https下进行，因为expo server运行在一个安全的连接上，它将拒绝从一个不安全的连接加载数据。我一直试图在graphql-yoga服务器上实现ssl，但最终将graphqlendpoint部署到heroku或prisma cloud上要快得多，在那里https是开箱即用的！不过，上面显示的堆栈错误与Apollo没有获取数据无关，因为它现在仍然弹出！我希望这能帮助其他人腾出一些时间！