Node框架之express加载静态文件详解

本文详细介绍了如何使用Node.js和Express框架从零开始搭建一个Web服务器,包括项目初始化、安装Express、配置静态资源目录以及自定义访问路径。适用于希望快速上手Node.js Web开发的初学者。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.首先使用npm命令进行初始化项目

  npm init (下一步下一步)

2.然后安装express 框架包

  npm install express --save

3.接下来就很关键了,如果你是在根目录也就是和node_modules处于同一级目录,工程目录如下

(1)创建main.js 

(2)创建静态资源目录

 创建public/htmls/Hello.html

 Hello.html可以简单些

(3)运行main.js

 

(4)打开浏览器访问

 

但是开发者有时候不想暴露真实的目录,你可以在刚才的main.js文件中

/static 可以改为你想要的目录格式。切记:它只是虚拟目录.

 

以上只是解决了开发者访问自定义目录,访问静态静态文件。但此时我们又想main.js不想创建根目录,于是我们就在根目录创建了

红色标记main.js是你的新需求,所以修改如图。

此时浏览器用这种方式访问

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值