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。欢迎来撩~~~~~~~~

相关推荐
五月君_2 分钟前
炸裂!Claude Opus 4.6 与 GPT-5.3 同日发布:前端人的“自动驾驶“时刻到了?
前端·gpt
Mr Xu_7 分钟前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
鹏北海-RemHusband43 分钟前
从零到一:基于 micro-app 的企业级微前端模板完整实现指南
前端·微服务·架构
LYFlied44 分钟前
AI大时代下前端跨端解决方案的现状与演进路径
前端·人工智能
光影少年1 小时前
AI 前端 / 高级前端
前端·人工智能·状态模式
一位搞嵌入式的 genius1 小时前
深入 JavaScript 函数式编程:从基础到实战(含面试题解析)
前端·javascript·函数式
anOnion1 小时前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
choke2331 小时前
[特殊字符] Python 文件与路径操作
java·前端·javascript
云飞云共享云桌面1 小时前
高性能图形工作站的资源如何共享给10个SolidWorks研发设计用
linux·运维·服务器·前端·网络·数据库·人工智能
Deng9452013141 小时前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask