react-native - 无法在 React Native WebView 中连接到本地主机

Question

我启动了一个简单的 http 服务器( from here ):

from wsgiref.simple_server import make_server

def app(environ, start_response):
    start_response('200 OK', [('Content-Type','text/html')])
    yield b"<h1>Goodbye, World!</h1>"

server = make_server('127.0.0.1', 8080, app)
server.serve_forever()

运行它使用:

python3 simple_serve.py

重定向到 http://127.0.0.1:8080/显示“再见，世界!”。

然后我创建了一个新的 React Native 项目并更改了 index.android.js到:

import React, { Component } from 'react';
import {
  AppRegistry,
  WebView,
} from 'react-native';

export default class WebTest extends Component {
  render() {
    return (
      <WebView
        source= {{ uri: "http://127.0.0.1:8080/" }}
      />
    );
  }
}

AppRegistry.registerComponent('WebTest', () => WebTest);

“世界再见!”没有出现，我收到一条警告说:

Encountered an error loading page {"canGoForward"false,"code":-6,"canGoBack":false,"description":"net::ERR_CONNECTION_REFUSED","loading":false,"title":"","url":"http://127.0.0.1:8080/","target":5}

供引用，更改 http://127.0.0.1:8080/至 https://www.google.com作品。

Answer 1

使用该 IP 10.0.2.2 而不是 127.0.0.1