exprss实现静态资源访问(来呀来呀,看一遍呢)

exprss实现静态资源访问

  • 什么是静态资源:
    css,js,html,img这些都是静态资源。

express 实现静态资源访问步骤

  1. 将所有的静态资源放在一个文件夹下。
  2. path.join(__dirname,“文件夹路径”) 获取静态资源文件夹的绝对路径
  3. express.static() 设置静态资源路径
  4. app.use() 使用中间件进行处理
  5. 在执行端口中输入 res.sendFile(path.join(__dirname,“文件夹里需要读取的文件”))来读取改内容;
    【注释】express本质就是一堆中间件。
    在这里插入图片描述

重点代码

const express = require("express");
const path = require("path");
let app = express();
app.use(express.static(path.join(__dirname,"./public")));
app.get("/",(req,res)=>{
     // 将一个文件作为响应内容返回给浏览器端。
    res.sendFile(path.join(__dirname,"./public/index.html"));
});
app.listen(3000,()=>{
    console.log("服务器启动成功");
})
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值