Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么fetch不能在我的手机浏览器上工作?_Javascript_Node.js_Reactjs_Fetch - Fatal编程技术网

Javascript 为什么fetch不能在我的手机浏览器上工作?

Javascript 为什么fetch不能在我的手机浏览器上工作?,javascript,node.js,reactjs,fetch,Javascript,Node.js,Reactjs,Fetch,我在NodeJS中制作了最简单的服务器,它在被请求时在数据库中存储字符串“/add”,并将所有这些字符串“/getall”发送到我的前台(ReactJS)。我使用map功能显示它们。一切正常。但是,我的信息仅显示在桌面浏览器上,而不显示在移动浏览器(Safari或Chrome)上 Web 移动 要填充我的数组,请执行以下操作: let allPosts = this.state.posts.map(item => ( <div key={item} className="ce

我在NodeJS中制作了最简单的服务器,它在被请求时在数据库中存储字符串
“/add”
,并将所有这些字符串
“/getall”
发送到我的前台(ReactJS)。我使用
map
功能显示它们。一切正常。但是,我的信息仅显示在桌面浏览器上,而不显示在移动浏览器(Safari或Chrome)上

Web

移动

要填充我的数组,请执行以下操作:

let allPosts = this.state.posts.map(item => (
  <div key={item} className="center-div">
    <p className="box">
      {item}
    </p>
  </div>
))
<div>
  {allQuestions}
</div>
让allPosts=this.state.posts.map(item=>(

{item}

))
为了呈现信息,我执行以下操作:

let allPosts = this.state.posts.map(item => (
  <div key={item} className="center-div">
    <p className="box">
      {item}
    </p>
  </div>
))
<div>
  {allQuestions}
</div>

{所有问题}

Fetch绝对不适用于mobile。有人经历过类似的事情吗?

当您在计算机上打开此页面时,
http://localhost:8080
fetchFromDatabase
中的
url将连接到您计算机上的本地Web服务器,它将正常工作。但是,当您在移动设备上打开同一页面时,url中带有
localhost
的相同代码将尝试连接到移动设备的本地web服务器,该服务器可能不存在

尝试将
localhost
替换为,如果您使用手机连接到同一网络,它应该可以工作


此外,正如@Jonaswillms所建议的,您可以将完整URL替换为
“/getAll”
,因此
fetch
将在基本URL中向主机发送请求。

当您在计算机上打开此页面时,
http://localhost:8080
fetchFromDatabase
中的url将连接到您计算机上的本地Web服务器,它会起作用的。但是,当您在移动设备上打开同一页面时,url中带有
localhost
的相同代码将尝试连接到移动设备的本地web服务器,该服务器可能不存在

尝试将
localhost
替换为,如果您使用手机连接到同一网络,它应该可以工作


另外,正如@jonaswillms所建议的,你可以用
“/getAll”
替换完整的URL,这样
fetch
会将请求发送到基本URL中的主机。

我有一个iPhone X。我用Safari试用过,我刚刚下载了Chrome for iPhone,所以我想这是最新版本。我有一个iPhone X。我用Safari试用过,我刚刚下载了iPhone的Chrome浏览器,所以我想这是最新版本。不过我只会使用
“/getAll”
。它是有效的,我不知道我以前怎么没有想到这一点。我只会使用
“/getAll”
。它有效,我不知道我以前怎么没有想到这一点