f12网络教程客户端服务端服务器前端后端

文章目录

[客户端服务端服务器前端后端](#客户端服务端服务器前端后端)
- 客户端（Client）------通信角色
- - [请求发给谁了？所有客户端发请求时，请求的链接一定有 IP 和端口。](#请求发给谁了？所有客户端发请求时，请求的链接一定有 IP 和端口。)
  - - [url里有 IP → 直接用，没有 IP → 调用 DNS 查域名 → 得到 IP](#url里有 IP → 直接用，没有 IP → 调用 DNS 查域名 → 得到 IP)
- 服务端（Server）--通信角色
- - [服务器程序运行的机器](#服务器程序运行的机器)
- 前端（Front-end）------系统分层
- - [前端不等于浏览器，浏览器 = 前端常见的运行环境之一](#前端不等于浏览器，浏览器 = 前端常见的运行环境之一)
- [后端 -- 系统分层](#后端 -- 系统分层)
- 总结
- - [Web 系统会叫前后端/非 Web 系统一般都是客户端，服务端](#Web 系统会叫前后端/非 Web 系统一般都是客户端，服务端)
  - 程序&服务器
[f12-》network(网络)->过滤->刷新-> XHR / Fetch-》点开其中一个请求](#f12-》network(网络)->过滤->刷新-> XHR / Fetch-》点开其中一个请求)
- [清空再操作: 如果请求太多，先点击 Network 面板的清空按钮，再操作页面](#清空再操作: 如果请求太多，先点击 Network 面板的清空按钮，再操作页面)
- [XHR / Fetch 面板里看到的请求 = 浏览器会向后端发的HTTP请求](#XHR / Fetch 面板里看到的请求 = 浏览器会向后端发的HTTP请求)
- [XHR / Fetch XHR / Fetch 这个筛选器 = 只看"接口请求"，前端请求后端接口，就是：浏览器用来和后端接口"据"的方式](#XHR / Fetch XHR / Fetch 这个筛选器 = 只看“接口请求”，前端请求后端接口，就是：浏览器用来和后端接口“据”的方式)
- - [XHR = XMLHttpRequest](#XHR = XMLHttpRequest)
  - Fetch
  - [XHR/Fetch 请求详情](#XHR/Fetch 请求详情)
  - - [payload 载荷](#payload 载荷)
    - [preview 预览](#preview 预览)
    - response
    - [Initiator（启动器 / 调用来源）](#Initiator（启动器 / 调用来源）)
    - Timing（时间）
    - Cookies（Cookie）
    - [header 请求头](#header 请求头)
- [浏览器 Network 面板里都有哪些东西，以及 XHR/Fetch 和其他条目的区别](#浏览器 Network 面板里都有哪些东西，以及 XHR/Fetch 和其他条目的区别)
- - [为什么 XHR / Fetch 才是前后端交互？](#为什么 XHR / Fetch 才是前后端交互？)
怎么在后端代码，搜请求的网址。搜path段，复制一部分关键的路径，都不到就在少复制一点