Node.js无框架调用API写一个简单的留言板项目(服务端渲染)

这篇博客介绍了如何使用Node.js无框架调用API创建一个简单的留言板项目。通过服务端渲染,利用fs模块读取文件,结合URL路径管理,实现了动态数据与静态资源的结合。文章讲解了如何处理POST请求,解析URL,以及使用状态码进行服务器重定向。最后,讨论了数据的非持久化存储和服务器端控制客户端重定向。
摘要由CSDN通过智能技术生成

先creat一个server,index.html是我们的模板,在node不操作dom,bom对象的,通过fs的readfile读取文件,然后res对象的end()发放,把二进制数据或者字符串还给浏览器解析。这边我们通过开放public目录,让客户端可以请求我们的公共静态数据,里面包括css,img,啥的。
先放一下文件目录跟简单代码
在这里插入图片描述

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

http
  .createServer(function(req,res){
   
    var url =  req.url
    if (url==='/'){
   
      fs.readFile('./views/index.html',function(err,data){
   
        if (err) {
   
          return res.end('404 not found')
        }
        res.end(data)
      })
    }else if (url.indexOf('/public/')===0) {
   
      // /public/css/main.css
      // /public/js/main.js
      // 统一处理:
      //  如果请求路径是以/public/开头的,则我认为你要获取public中的某个资源
      // 所以我们就直接可以把请求路径当作文件路径来进行读取
      // 之前这里一直很纠结的是为什么会有else if,在我的印象中好像url选择了'/'就不会再继续执行了,但是其实是我钻牛角尖
      // 因为我们这里是个服务器,会不断地接受请求,执行了第一次'/'以后,打开index.html后,会形成新的url发送请求,重建req对象,里面url也是变化的。
      // console.log(url)
      fs.readFile('.'+url,function(err,data){
   
        if (err) {
   
          return res.end('404 not f
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值