reactjs - 如何在 React.js 中使 Axios 请求在移动设备上工作

Question

部署我的实时站点后，一切都可以在桌面上运行。我可以获取用户输入，将其发送到服务器，然后使用 nodemailer 将其发送到我的电子邮件中.

但是，出于某种原因，它无法在我的手机或任何其他手机上使用。

我试过做一个简单的获取请求，但也不起作用。我试过使用获取。我知道该功能在移动设备上仍然有效，因为我测试了其他功能没有问题，只是 HTTP 请求不起作用。

handleSubmit = e => {
        const { name, email, phone } = this.state
        e.preventDefault()

        const userInfo= {
            name, email, phone
        }
        const newInfo= JSON.stringify(userInfo)
        axios.post("http://localhost:9000/email", newInfo).then(res => console.log(res.data));
}

我的表格是这样的

<form name="contact" onSubmit={this.handleSubmit}>
     <input type="text" name="name" value={name} onChange={this.handleChange} />
     <input type="text" name="phone" value={phone} onChange={this.handleChange} />
     <input type="text" name="email" value={email} onChange={this.handleChange} />  
  <p>
    <button type="submit">Send</button>
  </p>
</form>

我已经在手机和移动设备上尝试了 onClick 和 onStartTouch 等按钮事件，但仍然没有结果。 HTTP 请求在电话和移动设备上的工作方式是否不同？

Answer 1

我遇到了同样的问题，网络桌面工作正常，但是在移动设备上访问时，出现“NetworkError”