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

我也面临同样的问题，Web桌面可以正常工作，但是在移动设备上访问时，出现“ NetworkError”

Answer 2

如果您的后端地址为localhost:5000，则可以将域更改为ip地址。示例http://192.168.1.82:5000

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

2 个答案: