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

文章目录

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

客户端 服务端 服务器 前端 后端

客户端（Client）——通信角色

请求发给谁了？所有客户端发请求时，请求的链接一定有 IP 和端口。

url里有 IP → 直接用，没有 IP → 调用 DNS 查域名 → 得到 IP

服务端（Server）–通信角色

服务器 程序运行的机器

前端（Front-end）——系统分层

前端不等于浏览器，浏览器 = 前端常见的运行环境之一

后端 – 系统分层

总结

Web 系统会叫前后端/非 Web 系统 一般都是客户端，服务端

程序&服务器

f12-》network(网络)->过滤->刷新-> XHR / Fetch-》点开其中一个请求

清空再操作: 如果请求太多，先点击 Network 面板的清空按钮，再操作页面

XHR / Fetch 面板里看到的请求 = 浏览器会向后端发的HTTP请求

XHR / Fetch XHR / Fetch 这个筛选器 = 只看“接口请求”，前端请求后端接口，就是：浏览器用来和后端接口“据”的方式

XHR = XMLHttpRequest

Fetch

XHR/Fetch 请求详情

payload 载荷

preview 预览

response

Initiator（启动器 / 调用来源）

Timing（时间）

Cookies（Cookie）

header 请求头

浏览器 Network 面板里都有哪些东西，以及 XHR/Fetch 和其他条目的区别

为什么 XHR / Fetch 才是前后端交互？

怎么在后端代码，搜请求的网址。搜path段，复制一部分关键的路径，都不到就在少复制一点

flask 类视图 怎么搜？ .ae_view(

浏览器 F12 看到一个请求 URL → 想在 Flask 代码里找到它对应的类视图

flask类视图讲解