五.中间件的使用

• 应用中间件

  /**
   * 应用中间件
   *  1.应用中间件的作用一般用于对url的拦截
   *  2.应用需要使用next对象中间件放行
   *  
   * 拓展:所有的中间件都使用了use,路由器也属于中间件的一种
   */
  const express = require("express");
  const app = express();
  app.listen(8080);
  
  //只对reg进行拦截
  app.use("/reg",(req,res,next)=>{
      console.log("应用中间件的输出");
      //中间件需要放行,否则后续代码不输出
      next();
  })
  app.get("/reg",(req,res)=>{
      res.send("注册成功!")
  })
  app.get("/login",(req,res)=>{
      res.send("用来测试reg中间件对此路由是否进行拦截");
  })
  /**
   * 结果分析
   *  当URL为 http://localhost:8080/reg
   *      发现输出 应用中间件的输出
   *  当URL为 http://localhost:8080/login
   *      发现并未输出 应用中间件的输出
   */
  

• 内置中间件

  /**
   * 内置中间件
   *  概述:
   *      当路由器请求静态资源时,会自动到静态资源文件夹
   *      中寻找,不需要再创建单独的路由来响应文件
   *  作用:
   *      当用户经常性访问一些静态资源的时候,比如:
   *      html,css,js,img....我们会经常创建路由来将这些
   *      静态资源响应给浏览器从而导入服务器中有存在大量
   *      的路由,比如:
   *      app.get("/login.html",(req,res)=>{
   *          res.sendFile(__dirname+"/static/login.html");
   *      });
   *      类似的代码会导致路由过多,从而使用内置中间件来处理
   */
  const express = require("express");
  const app = express();
  app.listen(8080);
  
  //使用内置中间件来配置静态资源,无需再创建多余的路由
  app.use(express.static("static"));
  /**
   * 内置中间件的使用注意事项:
   *      当用户直接访问根目录时,默认在静态资源文件夹中
   *      寻找index.html
   */
  

  • 
    1.当输入 http://localhost:8080/1.png
    响应static文件夹中的1.png图片
    2.当输入 http://localhost:8080/login.html
    响应static文件夹中的login.html
    3.当输入 http://localhost:8080
    响应static文件夹中的 index.html
    4.css.js.等其他文件夹也可