演示：

        自己在vs code 写好了html，js代码，还写好了node.js(这个算是web服务端)，然后在谷歌浏览器上运行html代码；

结果如下：

 我们再来用手机在浏览器上输入网址（196.168.0.107:8081/user/list,必须是196.168.0.107打头，不能是localhost:8081/user/list），哎，我们发现它也可以运行；（注意如果是局域网的话，这个手机的网和电脑的网只能连接同一个网；那不是局域网又是怎样的一种情况呢？）

手机输入的网址：

手机端结果：

过程演示完了，过程也得理解一遍；

理解过程（重点）：

电脑输入网址，然后浏览器返回给我们数据这个过程：(这里其实很复杂，是计算机网络里面的三次握手，我只是简单了解下)

在电脑上输入网址 http://localhost:8081/user/list，浏览器解析这个网址：ip是localhost,就是本地服务器，端口 8081, 路由：user/list; 浏览器解析这个网址 请求的数据生成一份http协议根据http协议生成一个数据包，再根据这个协议再根据这个数据包里面的ip 端口信息通过网路传输（顺着网线）发送给web服务器（在这里本地就是服务器，如果给百度发是送请求，那就是百度的web服务端）发送请求，“给web服务器(这里是本地服务器，正是我现在用的计算机)，通过服务器找到8081端口”，然后把请求给服务器，这时服务器开始处理这些请求（你要啥我给啥，只要我有），找到后把数据通过http协议返回给本地，本地通过浏览器显示这些数据，最后就看到了页面上的一些数据；

手机浏览器输入网址，浏览器返回给数据过程：

其实手机输入网址的情况和在计算机输入网址的情况大体上是一样的，只有几点区别；

1. 手机得写电脑的ip地址，如192.168.0.107：8081/user/list, 而不是localhost：8081/user/list.这里localhost,是本地服务器的意思，在手机上输入 localhost, 就是指手机的服务器，在电脑上输入就是电脑的服务器，要在手机上运行电脑的程序，那么ip就是电脑的地址；
2. 电脑和手机得连同一个局域网；为啥呢？当手机输入网址的时候，点击搜索，手机浏览器就开始解析网址，顺着无限网找到路由器地址，再通过路由器地址找到对应的本地ip,访问端口，请求数据，服务器经过一系列处理在把数据返回给浏览器，再显示出来；如果不是访问的同一个局域网的话，路由器又怎样找到本地ip呢？

对API的几点理解：

localhost：8081/user/list

api就是一个网址，它包括ip :localhost, 端口：8081,路由：user/list

再比如 baidu.com

这也是个api, 右边整个的是根据http协议整出来的数据，整个数据即将打包好发送给服务端；

 关于http协议：

http协议就是一系列的规则，要根据整个规则来弄出一份我要的数据；

也可以把他理解为一个函数，函数写了一系列的规则，根据整个规则出一份我要的数据；

浏览器客户端，web服务器，数据库服务端（navicat），数据库服务器：

浏览器客户端要链接到web服务器，数据库的服务端，比如说navicat,要链接到数据库服务器；

前端大白，如有错误，欢迎指正；

如果补充，快来吧哈哈~

最后

以上就是粗暴乌龟为你收集整理的在手机上输入网址再返回数据（如图片，json数据，文字），这个过程是怎样的？ 演示：理解过程（重点）：的全部内容，希望文章能够帮你解决在手机上输入网址再返回数据（如图片，json数据，文字），这个过程是怎样的？ 演示：理解过程（重点）：所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。