Express学习2--Express托管静态资源

托管静态资源

参考文档

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

http://localhost:3000/1.png                  // 请求一张图片
http://localhost:3000/css/style.css          // 请求一份样式文件
http://localhost:3000/js/index.js            // 请求一份js代码

web服务器需要能够直接返回这些文件的内容给客户端浏览器。

• 使用http模块，实现托管静态资源的功能，需要写很多代码。
• 使用express框架，只需express.static('public')一句代码就可以搞定了。

忽略前缀

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

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

// 2. 设置请求对应的处理函数
// express.static 内置中间件函数
app.use(express.static('public'))             // 访问 public 目录中的所有文件

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

此时，所有放在public目录下的内容可以直接访问。

注意：此时在url中并不需要出现public这级目录。

• 在public下新建index.html。可以直接访问到。

// 第三方模块的引入方式与核心模块相同，使用require('模块名即可')
const express = require('express');
const path = require('path');

// 1 创建一个express实例
const app = express();

// 2 静态资源托管
// app.use(express.static('绝对路径地址'));

// 设置网站的默认静态资源
app.use(express.static(path.join(__dirname, 'public')));
// 或者
app.use('/', express.static(path.join(__dirname, 'public')));

// 对某个具体url地址，进行静态资源托管
// app.use('url地址', express.static('绝对路径地址'));
app.use('/admin/abc', express.static(path.join(__dirname, 'admin_public')));

// 3 监听端口
app.listen(8000, () => { console.log('监听了8000...') });

限制前缀

// 限制访问前缀
app.use('/public', express.static('public'))

• 此时如果想要访问public目录下的内容，必须要在请求url中加上/public。