地址与名称
IP 地址
IP address
192.168.1.25含义
一个用于在网络中查找设备的数字地址。
使用场景
当另一个设备需要访问您的计算机、服务器或容器主机时使用。
示例
192.168.1.25请求示例
解释我应该从其他设备使用哪个 IP 地址。
编程
整理本地开发、浏览器请求、API、Docker 与部署排查中常见的网络术语。
42 个项目
地址与名称
IP address
192.168.1.25一个用于在网络中查找设备的数字地址。
当另一个设备需要访问您的计算机、服务器或容器主机时使用。
192.168.1.25解释我应该从其他设备使用哪个 IP 地址。
地址与名称
IPv4
192.168.0.10常见的四部分 IP 地址格式。
大多数本地网络示例使用 IPv4 地址,例如 192.168.x.x 或 10.x.x.x。
192.168.0.10请告诉我,这个地址是否是 IPv4 本地网络地址。
地址与名称
IPv6
::1一种较新的、更长的 IP 地址格式,旨在提供更多的地址。
您可能会在日志、localhost 绑定或服务器网络输出中看到 IPv6。
::1解释这个日志使用的是 IPv4 还是 IPv6。
地址与名称
localhost
http://localhost:3000一个表示运行代码或浏览器的同一台机器的名称。
从运行开发服务器的同一台计算机访问。
在手机上,localhost 指的是手机本身,而不是您的开发电脑。
http://localhost:3000解释为什么 localhost 在我的电脑上可以工作,但在我的手机上却不行。
地址与名称
127.0.0.1
http://127.0.0.1:3000当前机器的常用 IPv4 回环地址。
将其用作 `localhost` 的数值替代。
http://127.0.0.1:3000解释 localhost 和 127.0.0.1 在这里是否等价。
地址与名称
0.0.0.0
next dev -H 0.0.0.0一个服务器用于监听所有可用网络接口的地址。
当网络上的另一个设备需要访问您的开发服务器时使用。
它可以比 localhost 更广泛地暴露开发服务器。
next dev -H 0.0.0.0解释这个开发服务器是否应该绑定到 0.0.0.0。
地址与名称
Hostname
my-laptop.local一个用于设备或服务器的可读名称。
使用它,当网络名称比 IP 地址更容易记住时。
my-laptop.local解释这个主机名是否解析为预期的 IP 地址。
地址与名称
Domain
example.com一个人类可读的互联网名称,用于网站或服务。
使用域名代替服务器 IP 地址,以便用户更容易访问公共网站。
example.com解释部署的站点应使用的域名。
地址与名称
DNS
example.com -> 93.184.216.34将域名转换为 IP 地址的系统。
在将域名连接到托管服务或服务器时,使用 DNS 记录。
example.com -> 93.184.216.34解释这个域名需要哪个 DNS 记录。
端口与连接
Port
3000一个用于标识哪个应用程序或服务接收到机器上的流量的数字。
开发服务器通常使用端口号,如 3000、3001、5173 或 8000。
3000请告诉我,这个服务器正在使用哪个端口。
端口与连接
Listen
可以在 http://localhost:3000 上访问当服务器准备好接受地址和端口上的请求时,它处于监听状态。
检查输出,以了解可以在浏览器中打开的 URL。
可以在 http://localhost:3000 上访问解释这个服务器正在监听哪个端口。
端口与连接
Port forwarding
8080 -> 3000将流量从一个端口或机器转发到另一个端口或机器。
在路由器、隧道、容器和远程开发环境中中使用。
8080 -> 3000解释这个端口被转发到哪里。
端口与连接
Firewall
允许在 3000 端口上进行入站连接。允许或阻止网络流量的规则系统。
如果服务器在本地运行,但其他设备无法连接,请检查。
允许在 3000 端口上进行入站连接。解释防火墙是否可能阻止这个本地连接。
Web 请求
URL
https://example.com/docs?page=1用于请求 Web 资源的完整地址。
一个 URL 包含协议、主机、可选端口、路径、查询字符串,有时还包含片段。
https://example.com/docs?page=1将此 URL 分解为协议、主机、端口、路径和查询。
Web 请求
Path
/ko/reference/dockerURL 的一部分,用于标识服务器上的路由或资源。
使用它来理解正在请求的页面或 API 端点。
/ko/reference/docker请告诉我,这个 URL 路径映射到哪个应用程序路由。
Web 请求
Query string
?page=1&lang=koURL 中 ? 之后的部分,用于传递额外的参数。
用于过滤器、页码、搜索词和轻量级选项。
?page=1&lang=ko解释此 URL 发送的查询参数。
Web 请求
HTTP
http://localhost:3000浏览器和服务器用于 Web 请求和响应的基本协议。
本地开发通常使用 HTTP,在配置 HTTPS 之前。
http://localhost:3000解释这个本地 URL 使用 HTTP 还是 HTTPS。
Web 请求
HTTPS
https://example.com使用 TLS 加密的 HTTP。
对于公共网站、登录、Cookie、支付、API 和生产流量,请使用 HTTPS。
https://example.com解释这个已部署的网站是否需要 HTTPS。
Web 请求
HTTP method
GET /api/tools一个告诉服务器请求希望执行哪种操作的动词。
GET 通常用于读取数据,而 POST 通常用于创建或提交数据。
GET /api/tools解释这个 API 请求应该使用哪种 HTTP 方法。
Web 请求
Status code
200 OK / 404 Not Found / 500 Internal Server Error一个总结 HTTP 响应结果的数字。
使用它来快速区分成功、重定向、客户端错误和服务器错误的响应。
200 OK / 404 Not Found / 500 Internal Server Error解释此 HTTP 状态码的含义。
Web 请求
Header
Content-Type: application/json与 HTTP 请求或响应一起发送的元数据。
头部包含内容类型、授权信息、Cookie、缓存规则和 CORS 设置。
Content-Type: application/json解释此响应中的重要头文件。
Web 请求
Body
{"name":"demo"}在 HTTP 请求或响应中发送的主要数据内容。
POST 和 PUT 请求通常在正文中发送 JSON 数据。
{"name":"demo"}解释此请求体发送的数据。
浏览器安全
Origin
http://192.168.1.25:3000协议、主机和端口的组合。
使用 origin 来推理 CORS、cookie 和浏览器安全规则。
仅更改端口会创建一个不同的源地址。
http://192.168.1.25:3000确定此 URL 的来源。
浏览器安全
Same-origin policy
https://app.example.com cannot freely read https://api.example.com一种浏览器规则,限制页面从其他源读取数据的能力。
使用它来理解为什么浏览器 API 请求可能会失败,即使服务器是可访问的。
https://app.example.com cannot freely read https://api.example.com解释这是否是同源策略问题。
浏览器安全
CORS
Access-Control-Allow-Origin: https://app.example.com | app.example.com服务器端权限系统,允许浏览器使用来自其他域的响应。
使用它,当前端应用程序调用托管在不同源的 API 时。
CORS 必须由发送响应的服务器允许。
Access-Control-Allow-Origin: https://app.example.com | app.example.com请告诉我,这个 CORS 错误是否需要在前端代码或服务器设置中进行修复。
浏览器安全
Cookie
Set-Cookie: session=abc; HttpOnly浏览器存储的小数据,并将其发送回匹配的网站。
Cookie 通常用于会话、偏好设置和身份验证状态。
Set-Cookie: session=abc; HttpOnly解释这个登录状态是否存储在 cookie 中。
浏览器安全
Session
session_id=abc123一种记住跨多个请求的用户状态的方法。
使用会话来维护登录状态或临时服务器端用户数据。
session_id=abc123解释此应用程序如何保持用户会话。
浏览器安全
Token
Authorization: Bearer <token>用于验证身份或权限的字符串。
使用token进行API身份验证、临时访问和服务到服务的请求。
令牌可以授予访问权限,因此它们不应暴露在公共代码或日志中。
Authorization: Bearer <token>检查此令牌是否暴露给浏览器。
浏览器安全
TLS certificate
Let's Encrypt 证书一个证书,HTTPS 使用它来证明网站的身份并加密流量。
当通过 HTTPS 提供生产网站时使用。
Let's Encrypt 证书解释为什么这个浏览器显示证书无效。
本地开发
Local network
笔记本电脑和手机连接到同一 Wi-Fi 网络。一个私有网络,附近的设备可以在其中进行通信,例如同一个 Wi-Fi 网络。
在从手机或平板电脑测试本地开发服务器时使用。
笔记本电脑和手机连接到同一 Wi-Fi 网络。解释这些设备是否在同一个本地网络中。
本地开发
LAN IP
192.168.1.25一个在本地网络内部使用的 IP 地址。
从同一网络上的另一台设备访问您的开发机器。
192.168.1.25告诉我 localhost 和 LAN IP 之间的区别。
本地开发
Network URL
http://192.168.1.25:3000一个 URL,同一网络上的其他设备可以使用它来访问本地服务器。
在手机或平板电脑上测试响应式页面时使用。
开发服务器可能还需要监听 0.0.0.0 并在允许源地址。
http://192.168.1.25:3000解释如何从手机上打开此开发服务器。
本地开发
Dev server
npm run dev一个在开发和测试应用程序时使用的本地服务器。
用于快速重新加载、本地预览以及在生产构建之前的调试。
npm run dev解释这个开发服务器暴露哪些本地 URL 和网络 URL。
本地开发
HMR
/_next/webpack-hmr一项开发功能,当代码更改时,更新浏览器。
使用它来在编辑 UI 代码时保持浏览器状态。
/_next/webpack-hmr解释这个被阻止的请求是否与 HMR 相关。
服务器与 Docker
Proxy
Browser -> proxy -> API代表客户端发送请求的服务器。
使用它来路由请求,隐藏后端细节,或避免在开发过程中直接从浏览器到 API 的调用。
Browser -> proxy -> API解释这个 API 请求是否通过代理服务器。
服务器与 Docker
Reverse proxy
Nginx -> app:3000接收公共流量并将其转发到内部服务的服务器。
用于 HTTPS 终止、路由、压缩、缓存和转发到应用程序服务器。
Nginx -> app:3000解释此反向代理如何将流量路由到应用程序。
服务器与 Docker
Docker port mapping
3000:3000一个从主机端口到容器端口的映射。
确保主机上的浏览器可以访问运行在容器内部的 Web 应用程序。
在 Docker 端口中,左侧是主机端口,右侧是容器端口。
3000:3000解释此 Docker 端口映射对应的浏览器 URL。
服务器与 Docker
host.docker.internal
http://host.docker.internal:3000容器可以用来访问主机机器的特殊主机名,在许多 Docker Desktop 环境中。
使用它,当容器需要调用主机机器上运行的服务时。
http://host.docker.internal:3000解释这个容器是否应该使用 host.docker.internal。
服务器与 Docker
Service name
postgres://db:5432/app在 Docker Compose 中,服务通常可以通过服务名称相互访问。
在容器之间,使用 `db`、`api`、`redis` 或其他 Compose 服务名称,而不是 `localhost`。
postgres://db:5432/app解释为什么这个容器应该使用 db 服务名称而不是 localhost。
服务器与 Docker
Load balancer
Client -> load balancer -> app servers一个将传入流量分发到多个服务器的系统。
当一个应用程序具有多个正在运行的实例,以实现可扩展性和可靠性时使用。
Client -> load balancer -> app servers解释负载均衡器在这个部署中扮演的角色。
服务器与 Docker
CDN
从边缘缓存中提供的静态资源一个分布式网络,从更靠近用户的地点提供内容。
使用它来加速静态资源、图像、脚本、样式和缓存的页面。
从边缘缓存中提供的静态资源解释这个静态网站是否能从 CDN 中受益。
服务器与 Docker
Cache
Cache-Control: max-age=3600重用保存的数据或响应,以加快未来的请求。
使用缓存,用于静态文件、API 响应、页面和 CDN 边缘内容。
旧的缓存内容可能会使已修复的 bug 看起来未修复。
Cache-Control: max-age=3600解释这个问题是否可能由缓存引起。