npm、node本地启动服务访问静态html
1.使用express启动服务
安装express
npm i express --save
新建app.js启动命令文件
var express = require('express'); var path = require('path'); var app = express(); app.use(express.static(path.join(__dirname, 'public'))); var server = app.listen(8081, function () { var host = server.address().address var port = server.address().port console.log("应用实例,访问地址为 http://%s:%s", host, port) })
其中最主要的部分是app.use(express.static(path.join(__dirname, 'public'))) ,该行代码是在express添加中间件,设置静态资源路径为public,所有的HTML、CSS、JS等文件都放在public下即可
2. Node.js server
Node.js 具有一个简单的HTTP服务器包,如需安装,请执行:
npm install http-server -g
若要从本地目录下运行,请执行:
http-server . -p 8000
3.Python server
大部分Unix/Linux/Mac系统默认安装了Python,如果你已经安装好了Python,只需要从命令行里便可以运行它(从工作目录):
//Python 2.x
python -m SimpleHTTPServer
//Python 3.x
python -m http.server
这将会在为当前目录在8000端口创建一个服务器,也就是说你可以在地址栏里输入这个地址来访问已经创建好的服务器:
http://localhost:8000/
4.Ruby server
如果你已经安装好了Ruby,通过执行下列命也可以创建同样的服务器:
ruby -r webrick -e "s = WEBrick::HTTPServer.new(:Port => 8000, :DocumentRoot => Dir.pwd); trap('INT') { s.shutdown }; s.start"
5.PHP server
PHP自从5.4.0版本开始,就内置了一个Web服务器:
php -S localhost:8000
5.Lighttpd
Lighttpd是一个轻量级的通用Web服务器,在这里,我们将介绍如何在OS X上使用HomeBrew来安装它。 和我们在这里讨论的其他服务器不同,lighttpd是一个成熟的、准用于生产环境的服务器。
通过HomeBrew安装lighttpd
brew install lighttpd
在你希望作为服务器来运行的目录里,创建一个名为lighttpd.conf的配置文件。 这是一个配置文件的样本:TutorialConfiguration。
在配置文件里,将server.document-root更改为你将要创建的服务器中的文件的所在的目录。
通过这个命令来启动:
lighttpd -f lighttpd.conf
使用浏览器打开http://localhost:3000/,然后服务器将可以从你所选择的目录中向你提供静态文件。
其它简单的替代方案你可以在Stack Overflow上找到:click here。
5.轻量级服务器 - Mongoose
使用方式:
1.下载对应系统的二进制安装文件。下载地址:https://code.google.com/p/mongoose/downloads/list
2.1widnows系统:将下载好文件复制到你的项目目录中,双击启动即可、
2.2其他操作系统:将下载好文件复制到你的项目目录中,使用命令方式打开启动
3.启动默认为8080端口
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库