Javascript 为什么fetch不能在我的手机浏览器上工作?
我在NodeJS中制作了最简单的服务器,它在被请求时在数据库中存储字符串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
“/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:8080fetchFromDatabase
中的url将连接到您计算机上的本地Web服务器,它将正常工作。但是,当您在移动设备上打开同一页面时,url中带有localhost
的相同代码将尝试连接到移动设备的本地web服务器,该服务器可能不存在
尝试将localhost
替换为,如果您使用手机连接到同一网络,它应该可以工作
此外,正如@Jonaswillms所建议的,您可以将完整URL替换为“/getAll”
,因此fetch
将在基本URL中向主机发送请求。当您在计算机上打开此页面时,http://localhost:8080fetchFromDatabase
中的url将连接到您计算机上的本地Web服务器,它会起作用的。但是,当您在移动设备上打开同一页面时,url中带有localhost
的相同代码将尝试连接到移动设备的本地web服务器,该服务器可能不存在
尝试将localhost
替换为,如果您使用手机连接到同一网络,它应该可以工作
另外,正如@jonaswillms所建议的,你可以用“/getAll”
替换完整的URL,这样fetch
会将请求发送到基本URL中的主机。我有一个iPhone X。我用Safari试用过,我刚刚下载了Chrome for iPhone,所以我想这是最新版本。我有一个iPhone X。我用Safari试用过,我刚刚下载了iPhone的Chrome浏览器,所以我想这是最新版本。不过我只会使用“/getAll”
。它是有效的,我不知道我以前怎么没有想到这一点。我只会使用“/getAll”
。它有效,我不知道我以前怎么没有想到这一点