访问node express中的static静态文件是一件非常常见的事情,下面是关于如何进行访问的完整攻略:
1. 在express中设置静态文件夹
要在Express应用程序中提供静态文件,我们需要使用express中的内置中间件express.static
。该中间件可以将静态文件服务于公共目录,我们可以通过以下方式将其设置:
const express = require('express');
const app = express();
//通过express.static可以设置静态文件夹,比如 public 目录
app.use(express.static('public'))
app.listen(3000, () => {
console.log('Express app listening on port 3000!')
});
这里,我们将静态文件放在public
目录中,并且通过app.use(express.static('public'))
的方式将public目录设置成了静态文件夹。这样,我们才能通过网页的http://localhost:3000
访问到public文件夹中的静态文件。
2. 访问静态文件
访问静态文件不仅可以通过浏览器输入的网址进行访问,我们也可以通过代码方式来访问。下面就分别介绍这两种方式:
a. 通过浏览器访问静态文件
以前面设置的public目录下有一个index.html
文件为例,可以通过访问"http://localhost:3000/index.html"来访问此文件。
b. 通过代码访问静态文件
const express = require('express');
const app = express();
//通过express.static可以设置静态文件夹,比如 public 目录
app.use(express.static('public'))
app.get('/readFile', (req, res) => {
const fs = require('fs');
fs.readFile('public/demo.txt', 'utf8', (err, data) => {
if (err) throw err;
res.send(data);
});
});
app.listen(3000, () => {
console.log('Express app listening on port 3000!')
});
这里我们通过Express.js的app.get
方法,来指定路由访问/readFile
。然后,我们再通过fs.readFile
方法,读取public/demo.txt
中的内容,并将内容通过res.send
方法返回给浏览器。
这就是关于如何访问node express中的static静态文件的完整攻略,以上代码中也包含了两条示例说明。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:关于访问node express中的static静态文件方法 - Python技术站