Node.js 本地静态服务详解:http-server 与 live-server
在前端开发过程中,我们经常需要一个本地服务器来预览 HTML、CSS、JavaScript 等静态文件。虽然许多现代前端框架(如 React, Vue, Angular)都自带了开发服务器,但对于一些简单的项目、纯静态网站或快速原型开发,使用 Node.js 提供轻量级的本地静态服务器会更加方便快捷。本文将详细介绍两个广受欢迎的 Node.js 静态服务器工具:http-server 和 live-server。 “好的本地开发服务器,让你的前端工作流如丝般顺滑。” 一、为什么需要本地静态服务?在浏览器中直接打开本地的 HTML 文件(file:/// 协议)通常会有一些限制和问题: AJAX/Fetch 请求受限:浏览器出于安全考虑(同源策略),不允许 file:/// 协议下的页面进行跨域 AJAX 请求,甚至无法加载本地其他文件的 AJAX 请求。 动态加载问题:某些 JavaScript 模块加载器(如 ES Module import 语句)在 file:/// 协议下可能无法正常工作。 开发工具功能不全:一些浏览器扩展或开发工具可能依赖于 HTTP...
