localhost与127.0.0.1,本地主机与IP地址之争!

Hello,大家好,我是 Sunday。

当我们在本地启动一个项目时,通常会得到两个访问地址:

  1. localhost
  2. 127.0.0.1

两个地址可以指向同一个展示结果。但是大家有没有过一点好奇:这两个地址有什么区别呢?

localhost:本地主机名

"localhost"本质上是一个 域名 ,为本地计算机的IP地址提供了一个用户友好的 别名

它是对所提供访问的"本地"性质的标准化体现,确保我们可以在不影响外部环境的情况下进行网络应用程序的访问。可直接用于 开发和测试 目的。

127.0.0.1:IP 访问地址

"127.0.0.1"代表一个 IP地址,专门用于本地计算机内的访问通信。

它不同于 localhost,而是专门用于循环访问和内部测试的。

该地址通过将网络流量引导回本地,确保应用可以独立于外部网络接口进行运行和测试。

域名如何解析为IP地址?

现在我们已经知道 localhost 本质上为域名,而 127.0.0.1 是一个 IP。

通常,通过域名访问网站需要向DNS查询以找到相应的IP地址。但是,在当前场景下,"localhost"却不是这样的。

localhost 解析为"127.0.0.1"或"::1"(IPv6)绕过 了通常的DNS查找过程。这种转换被硬编码到系统的 hosts文件 中。

Hosts 是一个没有扩展名的系统文件,其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联"数据库"。当用户在浏览器中输入一个需要登录的网址时,系统会首先自动从Hosts文件中寻找对应的IP地址,一旦找到,系统会立即打开对应网页,如果没有找到,则系统会再将网址提交DNS域名解析服务器进行IP地址的解析。

文件位置:C:\Windows\System32\drivers\etc

localhost vs. 127.0.0.1:实际影响和用例

虽然 localhost 和 127.0.0.1 的作用都是 本地开发 和 测试,但它们的微小区别在于 操作系统和网络软件对它们的处理和解释

  • localhost:可以解析为IPv4或IPv6地址,为在不同环境下的细微行为提供了灵活性。
  • 127.0.0.1:作为明确的IPv4地址,在作为循环访问时提供了可预测性和简单性。

其他扩展知识

01:本地开发中的端口

网络端口的概念进一步复杂化了软件与网络协议之间的交互。

端口作为通信的端点,允许多个网络应用程序在单个设备上共存。

默认端口:HTTP为80,HTTPS为443

02:私有IP地址和网络地址

对本地地址的讨论自然而然地引出了更广泛的私有IP地址的话题,比如 192.168.x.x 范围内的地址。

192.168 开头的 IP 的地址,表示 局域网内部访问地址,在外界不可访问

前端训练营:1v1私教,终身辅导计划,帮你拿到满意的 offer 已帮助数百位同学拿到了中大厂 offer。欢迎来撩~~~~~~~~

相关推荐
不会敲代码13 小时前
手写 Mini React:从 JSX 到虚拟 DOM 再到 render,搞懂 React 底层原理
前端·javascript·react.js
kyriewen4 小时前
你的代码仓库变成“毛线团”了?Monorepo 用 Turborepo 拆成“乐高积木”
前端·javascript·面试
身如柳絮随风扬4 小时前
你知道什么是 Ajax 吗?—— 从入门到原理,一篇彻底搞懂
前端·ajax·okhttp
旷世奇才李先生4 小时前
Vue3\+TypeScript 2026实战——企业级前端项目架构搭建与性能优化全指南
前端·架构·typescript
Beginner x_u5 小时前
前端八股整理(工程化 02)|CommonJS/ESM、Webpack Loader/Plugin 与Vite 对比
前端·webpack·node.js·plugin·loader
openKaka_5 小时前
createRoot 到底创建了什么:FiberRootNode 和 HostRootFiber 的初始化过程
前端·javascript·react.js
习明然6 小时前
UniApp开发体验感受总结
前端·uni-app
刀法如飞7 小时前
Claude Code Skills 推荐:2026年最值得安装的10个AI技能
前端·后端·ai编程
Lee川7 小时前
面试手写 KeepAlive:React 组件缓存的实现原理
前端·react.js·面试
墨染天姬7 小时前
【AI】cursor提示词小技巧
前端·数据库·人工智能