最新资讯

目录

💻 常见的 HTTP 服务器软件

1. Vite 的核心：一个内置的开发服务器 🏗️

2. 为什么说它是“定制化”的？🚀

3. Vite 服务器的工作流程 🔄

4. 还有一个“隐形”的服务器：WebSocket 📡

5. 代理服务器：解决跨域 🔄

📌 总结

---

💻 常见的 HTTP 服务器软件

• Nginx：高性能的 Web 服务器和反向代理服务器，以其高并发处理能力和稳定性而闻名。
• Apache HTTP Server：老牌的、功能强大的 Web 服务器，模块化设计，应用非常广泛。
• Node.js：JavaScript 运行时，可以使用内置的 http 模块或 Express 等框架轻松创建 HTTP 服务器。
• IIS：微软开发的 Web 服务器，通常运行在 Windows 系统上。

Vite 本质上就是一个针对现代前端开发高度定制化的 HTTP 服务器。

以下是 Vite 与 HTTP 服务器之间关系的详细解读：

1. Vite 的核心：一个内置的开发服务器 🏗️

当你运行 vite 或 npm run dev 命令时，Vite 做的第一件事就是在你的本机（localhost）启动一个 HTTP 服务器。

• 底层架构：这个服务器在底层利用了 Node.js 的能力。早期版本主要基于 Koa（一个轻量级的 Node.js Web 框架），而新版本则更多使用 Connect 或原生 Node.js 模块来构建中间件系统。
• 主要职责：它负责监听指定的端口（默认通常是 5173 或 3000），接收浏览器的请求，并返回相应的资源。

2. 为什么说它是“定制化”的？🚀

普通的 HTTP 服务器（如 Nginx）只是简单地把文件从硬盘读取出来发给浏览器。而 Vite 的服务器是一个“智能”编译服务器。

Vite 的服务器利用了浏览器原生支持 ES 模块的特性，改变了传统的“打包”逻辑：

表格

传统 Webpack 服务器	Vite 服务器
先打包，再启动：启动前需将所有代码打包成 bundle，项目大时很慢。	不打包，按需编译：启动时只启动服务器，浏览器请求什么，服务器就编译什么。
静态文件服务：提供的是打包好的最终文件。	动态编译服务：提供的是实时转换后的模块（如将 .vue 或 .ts 实时编译成 JS）。

3. Vite 服务器的工作流程 🔄

当你的浏览器访问 http://localhost:5173 时，Vite 服务器内部发生了什么？

1. 请求 HTML：浏览器请求 index.html，服务器直接返回文件。
2. 解析模块：HTML 中包含