zoukankan      html  css  js  c++  java
  • app.use与app.get的区别及解析

    app.use(path,callback)中的callback既可以是router对象又可以是函数

    app.get(path,callback)中的callback只能是函数

    例子

    app.js

    var express = require('express');
    var app = express();
    
    var index = require('./routes/index');
    
    //1.
    app.use('/test1',function(req,res,next){
        res.send('hello test1');
    });
    
    //2.
    app.get('/test2',function(req,res,next){
        res.send('hello test2');
    });
    
    //3.
    app.use('/test3', index);
    app.use('/', test1);
    
    //4. 页面显示错误:Cannot GET /test4
    app.get('/test4', index);
    
    //监听端口
    app.listen(8888, '127.0.0.1', function () {
        console.log("服务器maintest正在监听...");
    });

    index是一个路由对象,结果例1、2、3结果都能正确显示,而例4却报404.

    index.js:

    var express = require('express');
    var router = express.Router();
    
    router.get('/', function(req, res, next) {
      res.send('hello world!');
    });
    
    module.exports = router;

    两者关系

    这说明,给app.get(app.post、app.put同理)赋个路由对象是不行的,其实,可以将app.get()看作app.use的特定请求(get)的简要写法。即

    var express = require('express');
    var app = express();
    app.get('/hello',function(req,res,next){
        res.send('hello test2');
    
    });

    等同于:

    var express = require('express');
    var app = express();
    var router = express.Router();
    
    router.get('/', function(req, res, next) {
      res.send('hello world!');
    });
    app.use('/hello',router);

    什么时用app.use,什么时用app.get呢?

    路由规则是app.use(path,router)定义的,router代表一个由express.Router()创建的对象,在路由对象中可定义多个路由规则。可是如果我们的路由只有一条规则时,可直接接一个回调作为简写,也可以直接使用app.get或app.post方法。即

    当一个路径有多个匹配规则时即一个路由有多个子路由时用app.use(path,router),使用app.use,否则使用相应的app.method(get、post)

    路由/home后面有三个子路由紧紧跟随,分别是/one,/second,/three
    如果使用app.get(),则要不断地重复,很麻烦,也不利于区分:
    app.get("/home",callback)
    app.get("/home/one",callback)
    app.get("/home/second",callback)
    app.get("/home/three",callback)

    我们可以创建一个router.js专门用来一个路由匹配多个子路由

    var express = require('express')
    var router = express.Router()
    router.get("/",(req,res)=>{
        res.send("/")
    })
    router.get("/one",(req,res)=>{
        res.send("one")
    })
    router.get("/second",(req,res)=>{
        res.send("second")
    })
    router.get("/treen",(req,res)=>{
        res.send("treen")
    })
    module.exports = router;

    在app.js中导入router.js

    var express = require('express')
    var router = require("./router")
    var app = express()
    
    app.use('/home',router) //router路由对象中的路由都会匹配到"/home"路由后面
    app.get('/about', function (req, res) {
      console.log(req.query)
      res.send('你好,我是 Express!')
    })
    
    // 4 .启动服务
    app.listen(3000, function () {
      console.log('app is running at port 3000.')
    })

    app.use的作用是将一个中间件绑定到应用中,参数path是一个路径前缀,用于限定中间件的作用范围,所有以该前缀开始的请求路径均是中间件的作用范围,不考虑http的请求方法,例如:

    如果path设置为‘/’,则

    - GET / 
    - PUT /foo 
    - POST /foo/bar 
    均是中间件的作用范围

    app.use(express.static('public'));

    为了提供对静态资源文件(图片,css,js文件)的服务,请使用Express内置的中间函数express.static.

    传递一个包含静态资源的目录给express.static中间件用于立即开始提供文件。 比如用以下代码来提供public目录下的图片、css文件和js文件:
    app.use(express.static('public'));

    如果前台想请求后台public目录下images/08.jpg静态的图片资源
    通过: http://localhost:3000/images/08.jpg

    通过多次使用 express.static中间件来添加多个静态资源目录:

    app.use(express.static('public'));
    app.use(express.static('file'));

    Express将会按照你设置静态资源目录的顺序来查看静态资源文件。

    参考:https://www.jianshu.com/p/1d92463ebb69

  • 相关阅读:
    poj 2417 Discrete Logging
    洛谷 P2886 [USACO07NOV]牛继电器Cow Relays
    bzoj 3232 圈地游戏——0/1分数规划(或网络流)
    bzoj 4753 [Jsoi2016]最佳团体——0/1分数规划
    bzoj 5281 [Usaco2018 Open]Talent Show——0/1分数规划
    CF 949D Curfew——贪心(思路!!!)
    bzoj 3872 [Poi2014]Ant colony——二分答案
    bzoj 1731 [Usaco2005 dec]Layout 排队布局——差分约束
    洛谷 1344 [USACO4.4]追查坏牛奶Pollutant Control——最大流
    洛谷 1262 间谍网络——缩点+拓扑
  • 原文地址:https://www.cnblogs.com/psxiao/p/12003393.html
Copyright © 2011-2022 走看看