node.js启动静态页面服务

最新推荐文章于 2024-05-17 17:12:52 发布
最新推荐文章于 2024-05-17 17:12:52 发布
阅读量2k 收藏 2
点赞数 1
分类专栏： Javascript 文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxyoucan/article/details/122240152
版权

安装http-server

npm install http-server -g

启动服务

#进入项目服务
cd html
#在当前目录启动项目
http-server .
ITKEY_
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在windows上用nodejs搭建静态文件服务器的简单方法
12-23
在windows上用nodejs搭建一个静态文件服务器，即使你一点基础没有也能学会nodejs静态文件服务器的搭建，本文介绍的非常详细，很适合零基础入门的朋友学习。 首先安装nodejs: •新建一个node文件夹 •下载node.exe到该文件夹 •下载npm然后解压到该文件夹 •现在node文件夹是这样的 •把该目录加入到path环境变量 •在命令行执行 node -v npm -v 如果得到了版本号则表示nodejs安装完成 •在命令行中执行 npm config set registry https://registry.npm.taobao.org 以后安装nodejs
使用node创建本地服务器并启动静态页面
weixin_45943526的博客
09-10 1674
使用node创建本地服务器 //导入http模块 const http = require('http'); //创建服务器 const app = http.createServer(); //我这里使用的是箭头函数 这里是给app 绑定了 request 响应事件，函数的参数分别是 request 请求参数，和respond 相应参数 app.on('request',(req,res)=>{ //响应回的页面内容是ok res.end('ok); }) //正常的写法 app.on('req
npm run dev启动过程及npm run serve区别
最新发布
m0_52226803的博客
05-17 927
它是通过在命令行中运行 "npm run dev" 来启动的，实际上执行的是 package.json 文件中的 "scripts" 部分中定义的 "dev" 命令。pnpm（ performant npm ）指的是高性能的 npm，与 npm 和 yarn 一样是一款包管理工具，其根据自身独特的包管理方法解决了 npm、yarn 内部潜在的安全及性能问题，在多数情况下拥有更快速的安装速度、占用更小的存储空间，结合官网给出的性能测试及项目中的使用表现，其具有良好的应用前景。
利用node.js搭建服务器并访问静态网页
David_house的博客
03-03 2753
1.安装node环境 官方下载地址：链接 查看是否安装成功，快捷键win+R弹出cmd命令行： 2.创建项目结构
Node.js 静态web服务
C.
11-26 2726
我们想要通过Node.js去访问静态的页面，比如我们在浏览器输入http://localhost:8001/index.html，然后就返回index.html的信息。那么如何用Node.js实现加载静态的页面呢？现在我们有一个static文件夹，里面包含了静态的页面资源： 首先我们要用Nodejs 创建一个 WEB 服务器//引入http模块 var http = require('http')
node打开html页面
muguazhuye的博客
11-01 862
var express = require(‘express’); var fs=require(“fs”); var app = express(); //方法1：通过express.static访问静态文件，这里访问的是ajax.html // app.use(express.static("./")); //方法2：使用fs.readFile打开html文件 app.get("/index....
Node.js-electron-serve为Electronapps提供静态文件服务
08-10
5. **易用性**: API设计简洁，只需几行代码就能启动服务并加载页面。例如，可以使用以下代码初始化服务并打开一个新窗口： ```javascript const { app, BrowserWindow } = require('electron') const serve = ...
Node.js-serve静态文件服务和目录列表
08-10
在 Node.js 中，我们经常需要处理静态文件服务，例如 HTML、CSS、JavaScript 文件等，这些文件是网页的组成部分，不需要服务器端的动态处理即可直接发送给客户端。"serve" 模块就是 Node.js 中用于实现静态文件服务...
Node.js-使用node搭建静态资源服务器
08-09
在IT行业中，Node.js是一个非常流行的JavaScript运行环境，它允许开发者使用JavaScript进行后端开发。本教程将聚焦于如何利用Node.js搭建一个简单的静态资源服务器，这对于开发和测试前端项目非常实用。 首先，我们...
vue微商城项目源码-vue-shop（适用于Node.js 10.x）.zip
06-06
- 后端：将Node.js服务部署到支持Node.js的服务器，如Heroku、AWS、Docker等。 总结： 这个Vue-shop项目是一个基于Vue.js和Node.js的微商城示例，展示了如何使用这两个技术栈来开发一个完整的电商应用。通过理解...
Node.js实现聊天室功能
01-27
Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它以其异步、事件驱动的非阻塞I/O模型而闻名，非常适合构建高性能的网络应用，如聊天室。 首先，让我们了解Node.js的核心概念。Node.js使用事件循环来处理...
只需三分钟您就可以用nodejs搭建静态网页服务器（配置静态网页访问目录）
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-17 9463
Node.js 中文网Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。http://nodejs.cn/先安装nodejs 在自己的网站项目文件夹根目录里面创建app.js /** 【运行起来说明】在当前目录CMD cnpm i express & cnpm i forever -g & foreve
node如何设置首页面
北芒的博客
03-10 801
没有设置首页前 没有设置首页的时候看到一个大白板 而且在地址栏的后面如何书写都不会有反应 设置首页的方法 （代码在下面） 这里为最基本的首页面设置 用到了fs模块 ----------fs模块相关文章 用到了http模块 -------http模块相关文章 主要是在创建以后的服务中读取文件内容，然后再写入到页面上 设置首页的代码 const fs = require("fs"...
node开启简单服务部署前端页面
Amelian的博客
11-29 2042
1. 具体步骤如下 1.1 新建文件夹：demo 1.2 在这个文件夹根目录执行命令进行项目的初始化：npm init（只有这样才可以使用express），然后ile名字之后一直按回车键即可： 1.3 编写相关代码（在项目根目录新建一个server.js的文件） const express = require('express') const app = express() app.use(express.static(__dirname + '/static')) app.get('/per
如何启动node.js文件
热门推荐
weixin_52772897的博客
02-23 1万+
1.方法一： 在cmd中启动 在cmd中找到node.js文件的位置 输入node 文件名.js 2.方法二： 直接找到文件的位置在上面输入cmd 输入cmd按Enter键 按过Enter键后会自动跳到cmd中，输入命令即可 3.方法三： 在vscode中启动 在文件中右键点击在集成终端中打开 在集成终端中打开在vscode底部会弹出下图： 在最后一行输入指令即可启动，如下图： ...
Node.js之在服务端启动网页（二）
ferrysoul的博客
09-22 1566
现在我们学习一下关于文件路径的相关服务。 http://127.0.0.1 这是网络路径 var http = require('http');//创建服务器的 var fs = require('fs'); var path = require('path'); //引入进来的是模块，模块中有方法，下一步就是使用方法 //Node.js一个最主要的特点：执行的基本都是函数 //创建服务 ...
5种部署静态网站方法
独奏的悲伤
08-22 2623
第一种：添加静态页面在Tomcat8\webapps\ROOT根路径下 例如：在ROOT文件夹下放一个hello.html的静态页面 访问方法：localhost：8080/hello.html   第二种：在Tomcat8\webapps路径下自定义目录网站 例如：在Tomcat8\webapps下放入一个自定义的网站文件夹WJ，在WJ文件夹下存放自己网站的内容hello.html ...
如何启动一个本地静态服务器
weixin_33719619的博客
11-22 1627
背景 学习前端开发，想要调试静态页面以及js，发现直接本地打开会有跨域异常。因此，需要启动一个静态服务器，只负责当前目录的文件路由。 目前尝试了两种方式。一种是Nginx, 一种是NodeJS服务器。最终推荐NodeJS。 1. Nginx启动静态页面 1.1. 安装 下载安装Nginx，在Mac下安装如下： brew install nginx 1....
node.js做静态资源
08-25
你可以使用 Node.js 来为静态资源（如 HTML、CSS、JavaScript 文件）提供服务。可以按照以下步骤进行操作： 1. 创建一个新的 Node.js 项目，并在项目文件夹中创建一个名为 `public`（或其他你想要的名称）的文件夹，用于存放静态资源文件。 2. 在你的项目文件夹中创建一个名为 `server.js`（或其他你喜欢的名称）的文件，作为你的 Node.js 服务器代码的入口文件。 3. 在 `server.js` 文件中引入 Node.js 的核心模块 `http` 和 `fs`（文件系统）模块，以及其他可能需要的模块。 4. 使用 `http` 模块创建一个 HTTP 服务器，并指定对于每个请求的处理逻辑。 5. 在请求处理逻辑中，判断请求的 URL 路径是否对应静态资源文件夹中的文件。如果是，使用 `fs` 模块读取该文件，并将其作为响应的内容返回给客户端。 6. 如果请求的路径不对应任何静态资源文件，你可以选择返回一个 404 错误页面或其他适当的响应。 7. 在服务器逻辑设置完成后，使用指定的端口号启动服务器。 下面是一个简单示例： ```javascript const http = require('http'); const fs = require('fs'); const path = require('path'); const server = http.createServer((req, res) => { const filePath = path.join(__dirname, 'public', req.url); const fileExtension = path.extname(filePath); if (fileExtension === '.html' || fileExtension === '.css' || fileExtension === '.js') { fs.readFile(filePath, 'utf8', (err, content) => { if (err) { res.writeHead(404); res.end('404 Not Found'); } else { res.writeHead(200, { 'Content-Type': getContentType(fileExtension) }); res.end(content); } }); } else { res.writeHead(404); res.end('404 Not Found'); } }); const port = 3000; server.listen(port, () => { console.log(`Server listening on port ${port}`); }); function getContentType(fileExtension) { switch (fileExtension) { case '.html': return 'text/html'; case '.css': return 'text/css'; case '.js': return 'text/javascript'; default: return 'text/plain'; } } ``` 以上代码示例会在本地启动一个简单的 Node.js 服务器，用于提供静态资源文件。将你的静态资源文件放置在 `public` 文件夹中，并使用相应的 URL 路径进行访问。 请注意，这只是一个简单的示例，并没有处理缓存、压缩等更高级的静态资源服务功能。你可以根据需求进行更复杂的配置和优化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值