Node写博客--静态文件托管

1. 在index.html中加入了

<link rel="stylesheet" type="text/css" href="/main.css"/>

在app.js中加入

//没必要用这样的方式处理,后端不需要处理的文件,写起来太麻烦//静态文件托管的处理
app.get('/main.css',function(req,res,next){
    //告诉他传输数据类型
     res.setHeader('content-type','text/css');
     res.send("body {background:red;}");
 })

2.编写静态托管

//设置静态文件托管
//当用户访问的url以/public开始,那么直接返回对应的__dirname+'/public'文件
app.use('/public',express.static(__dirname+'/public'));

index.html中变成

<link rel="stylesheet" type="text/css" href="/public/main.css"/>

3.【思路】

用户发送http请求->url ->解析路由->找到匹配的规则->执行指定的绑定函数,返回对应内容到用户

返回的路由中是/public开头的->静态->直接读取指定目录下的文件,返回给用户

返回的路由中是/开头的->动态->处理业务逻辑,加载模板,解析模板->返回数据给用户

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值