初级cv大师 2021-06-08 22:21 采纳率: 69.2%
浏览 37
已结题

nodejs使用http和fs模块访问静态资源文件,html页面样式出错

const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const app = http.createServer();
app.on('request', (req, res) => {
    res.writeHead(200, {
        'content-type': 'text/html;charset=utf8',
    })
    //获取用户的请求路径
    let pathname = url.parse(req.url).pathname;
    //将用户的请求路径转化为实际的服务器硬盘路径
    let realPath = path.join(__dirname, 'public' + pathname);
    //读取文件
    fs.readFile(realPath, (error, result) => {
        if (error != null) {
            res.end('文件读取失败');
        } else {
            res.end(result);
        }
    })
});
app.listen(3000);
console.log('服务器启动成功');

正常页面如下

文件路径

 

  • 写回答

2条回答 默认 最新

  • 崽崽的谷雨 2021-06-09 08:50
    关注

    f12检查样式引入了吗,console,和network有报错吗

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 8月31日
  • 已采纳回答 8月23日

悬赏问题

  • ¥20 电脑鼠标键盘不好使了
  • ¥15 求糕手!用matlab求解目标规划模型🙏
  • ¥15 画出的分类图不对,求解答一下
  • ¥20 springboot和springcloud版本问题
  • ¥15 ps2手柄控制树莓派小车
  • ¥30 C#:vsto powerpoint的外接程序
  • ¥30 stata将do文件代码转化为ado文件
  • ¥15 两个同维数组相比,不同位置、出现重复比无意义,而不同位置、不出现重复比,则有意义。把有意义的两个数组放入新的集合MK中。
  • ¥15 可以远程电脑安装nvm
  • ¥15 写一个可直接调用的函数,将32位有符号数转成另一个无符号的数