node怎么根据url读取对应文件

我们需要根据不同的url请求相同页面这时我们可以试试下面方式:

第一我们要引入需要的模块

// 引入服务器模块
const http = require('http')
    // 引入fs模块
const fs = require('fs')
    // 引入path模块
const path = require('path')

之后根据文件的实际存放路径,作为每个资源的请求url地址具体代码如下:

// 创建服务器
const server = http.createServer()
    // 监听服务器事件
server.on('request', (req, res) => {
    // 获取请求的url地址
    const url = req.url
    console.log('当前的url是 ' + url);

    // 把请求的url地址映射为具体的文件存放路径 但是这样太“死板”我们需要优化一下
    // const fpath = path.join(__dirname, url)
    // 代码优化
    let fpath = ''
    if (url == '/') {
        // 由于刚进入或者用户输入'/'一般也是主页 所以我们要拼接一下
        fpath = path.join(__dirname, './code/index.html')
    } else {
        fpath = path.join(__dirname, './code', url)
    }

    // 读取文件 把获得的url地址作为读取文件的实时路径
    fs.readFile(fpath, 'utf-8', (err, dataStr) => {
        //    错误返回404
        if (err) {
            return res.end('404 Not found!')
        }
        // 成功返回数据
        res.end(dataStr)
        console.log(dataStr);
    })
})
server.listen(80, () => {
    console.log('地址为 http://127.0.0.1');
})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,您的问题是关于如何基于node.js建立服务器,用于浏览器前端向服务器发请求,服务器根据请求的路径,将对应文件的内容响应给浏览器,并且实现login、regist、index、404等页面的访问路由,是吗? 首先,我们需要安装Node.js环境,然后在命令行安装相关依赖库,如下所示: ``` npm install http fs path url ``` 接着,我们可以创建一个server.js文件,用于启动服务器并监听客户端请求,如下所示: ```javascript const http = require('http'); const fs = require('fs'); const path = require('path'); const url = require('url'); const server = http.createServer((req, res) => { // 解析请求路径 const pathname = url.parse(req.url).pathname; // 根据请求路径,读取对应文件 let filePath = path.join(__dirname, 'public', pathname === '/' ? 'index.html' : pathname); fs.readFile(filePath, (err, data) => { if (err) { // 处理文件不存在的情况 if (err.code === 'ENOENT') { res.writeHead(404, { 'Content-Type': 'text/html' }); res.end('<h1>404 Not Found</h1>'); } else { res.writeHead(500, { 'Content-Type': 'text/html' }); res.end(`<h1>500 Internal Server Error</h1><p>${err}</p>`); } } else { res.writeHead(200, { 'Content-Type': getContentType(filePath) }); res.end(data); } }); }); // 启动服务器 const port = process.env.PORT || 3000; server.listen(port, () => { console.log(`Server running on port ${port}`); }); // 根据文件扩展名,返回对应的Content-Type function getContentType(filePath) { const extname = path.extname(filePath); switch (extname) { case '.html': return 'text/html'; case '.css': return 'text/css'; case '.js': return 'text/javascript'; case '.json': return 'application/json'; case '.png': return 'image/png'; case '.jpg': return 'image/jpg'; default: return 'text/plain'; } } ``` 在上述代码,我们启动了一个HTTP服务器,并监听客户端请求。当客户端发起请求时,我们根据请求路径,读取对应文件并将其响应给客户端。如果文件不存在,我们则会返回404 Not Found的错误页面。 接着,我们可以在public文件夹下创建login、regist、index等页面的HTML文件,如下所示: ``` public |-- login.html |-- regist.html |-- index.html ``` 这样,当客户端向服务器发起/login请求时,我们就会读取public/login.html文件并将其返回给客户端了。 最后,我们还可以添加一个404.html文件作为404错误页面,如下所示: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>404 Not Found</title> </head> <body> <h1>404 Not Found</h1> </body> </html> ``` 当客户端请求不存在的路径时,我们就会返回404.html页面。 希望这个回答能够回答您的问题,如有不清楚的地方,欢迎继续提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值