app.use与app.get的区别及解析

Posted 2020-11-24 嗯嗯呢

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)

 

例子：
http://localhost:3000/home/one
http://localhost:3000/home/second
http://localhost:3000/home/three

路由/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