nodejs express3.x 与 express4.x 的router区别 与修改方法

nodejs 在express3.x时, 所有的router是通过 app.get('/', router.function) 实现的,

然而这种写法在express4.x上运行时会出现如下错误:

/home/ivanx/learn_node/nodejs-demo2/node_modules/express/lib/router/index.js:458
      throw new TypeError('Router.use() requires middleware function but got a
            ^
TypeError: Router.use() requires middleware function but got a undefined
    at Function.use (/home/ivanx/learn_node/nodejs-demo2/node_modules/express/lib/router/index.js:458:13)
    at EventEmitter.<anonymous> (/home/ivanx/learn_node/nodejs-demo2/node_modules/express/lib/application.js:219:21)
    at Array.forEach (native)
    at EventEmitter.use (/home/ivanx/learn_node/nodejs-demo2/node_modules/express/lib/application.js:216:7)
    at Object.<anonymous> (/home/ivanx/learn_node/nodejs-demo2/app.js:38:5)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)

然而到express4.x 时,这样写总会出错,寻找资料也不知该如何搜索, 经过尝试之后, 贴一些简单对比代码出来以供参考

这里以以个简单的登陆界面为例。

首先看express3.x的实现方式。

首先建立工程, 使用express3.x 进行建立, express ejs express3_test

cd express3_test

npm install

这样 就建立好了工程

对于express3.x的实现登陆的代码如下

首先打开app.js, 添加登陆的router

app.get('/', router.index);

app.get('/login‘, router.login);

打开 router/index.js 添加如下代码

exports.index = function(req, res) {

res.render('/', {title: 'Main Page'});

}

exports.login = function(req, res) {

res.render('/login', {title: 'LOGIN’});

};


使用express4.x 建立工程,依然使用上面的代码就会提示,文章开头的错误

但是这样的代码在express4.x中会提示错误

应该按照express4.x的形式进行编写代码

建立工程,app.js 不做修改

直接进入到 router 打开index.js 做如下修改就可以了

router.get('/', function(req, res, next) {
  res.render('index', { title: 'Main Page' });
});

router.get('/login', function(req, res) {
    res.render('login', {title: 'use login'});
});

这样通过访问 localhost:3000/login就可以进入登陆界面了, 当然你需要把 login.ejs 编写好。

这就是一个简单变动在 3.x 升级到 4.x之后






  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值