利用express创建一个静态资源-web服务器

本文介绍如何利用Express框架创建一个简单的静态资源Web服务器,通过一行代码即可实现对图片、样式文件、JavaScript代码等静态文件的访问。用户可以通过/http://localhost:3000/public/访问public目录下的资源,无需编写大量代码。
摘要由CSDN通过智能技术生成

让用户直接访问静态资源是一个web服务器最基本的功能。

http://localhost:3000/1.png
http://localhost:3000/css/style.css
http://localhost:3000/js/index.js

例如,如上url分别是请求一张图片,一份样式文件,一份js代码。我们实现的web服务器需要能够直接返回这些文件的内容给客户端浏览器。

在前面学习http模块时,我们已经实现了这些功能了,但是要写很多代码,现在使用express框架,只需一句代码就可以搞定了,这句代码是 express.static('目录')

基本使用方法

// 加载 Express
const express = require('express')

// 1. 调用 express() 得到一个 app
//    类似于 http.createServer()
const app = express();

// 2. 静态资源托管
app.use(express.static('public'))


// 3. 监听端口号,启动 Web 服务
app.listen(3000, () => console.log('app listening on port 3000!'))
app.use('/public', express.static('public'))

这意味着想要访问public下的内容,必须要在请求url中加上/public

然后在文件目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值