NodeJS静态资源路径统一处理

最新推荐文章于 2024-09-19 14:16:10 发布

我是锴

最新推荐文章于 2024-09-19 14:16:10 发布

阅读量1.6k

点赞数

分类专栏：前端 NodeJS

本文链接：https://blog.youkuaiyun.com/weixin_41374628/article/details/89405030

版权

前端同时被 2 个专栏收录

28 篇文章

订阅专栏

NodeJS

13 篇文章

订阅专栏

本文介绍了如何在NodeJS中统一处理静态资源路径，通过目录结构和代码示例，展示了如何处理读取如read.txt、photo.jpeg等文件的路径，确保静态资源的正确访问。

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

目录结构

Apache
- www
  - read.txt
  - photo.jpeg
  - index.html

代码示例

var http = require('http');
var fs = require('fs');

var server = http.createServer();

var wwwDir = './../../Apache/www/';			// 所有读取文件所在的根目录

server.on('request', (req, res) => {
	
	/*
		req.url 拿到的路径是 端口号后面的
		例如： localhost：3000/index 对应的 path 就是 /index
	*/
    var url = req.url;  				
    var filePath = 'index.html';		// 路径为 '/' 时 文件路径指向index.html
    console.log(`${wwwDir}${filePath}`);
    
    if(url !== '/'){
    	filePath = url;
    }
    
    fs.readFile(`${wwwDir}${filePath}`, (err, data)=>{
    	
    	if(err){
			return res.end('404');
		}
		
		res.end(data); 					//结束响应 并发送响应数据 
    })
})

server.listen('3000', '127.0.0.1', () => {
    console.log('http://localhost:3000/')
})

输入路径

http://localhost:3000/  			# 显示 index.html
http://localhost:3000/index.html	# 显示 index.html
http://localhost:3000/read.txt		# 显示 read.txt
http://localhost:3000/photo.jpeg	# 显示 photo.jpeg