在 expressjs 中解析 url 参数 - angularjs 应用程序

Question

在 expressjs 和 AngularJs 项目中遇到路由问题。

它不是一个单页应用程序，我没有使用任何视图引擎，例如jade。

我们只是使用纯 HTML。

我正在开发密码重置功能，用户可以通过单击电子邮件提供的链接来重置密码。所以我假设在 Angular 的上下文中不会有任何路由更改事件（如果我错了，请纠正我）。

而我的快递配置如下。

routes = require('./routes/index');    
app.configure(function () {
    app.use(express.static(__dirname + '/app'));
    app.use('/css', express.static(__dirname + '/app/css'));
    app.set('views', __dirname + '/app');
    app.set("view options", { layout: false });
    app.engine('.html', require('ejs').__express);
    app.set('view engine', 'html');
    app.use(express.favicon());
    //app.use(require('connect').bodyParser());
    app.use(express.bodyParser());
    app.use(express.methodOverride());

    app.use(app.router);

});


// Routes

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

app.get('/resetpassword.html/:resetcode', function (req, res) {
    console.log("reset code: " + req.params.resetcode);
    res.render('resetpassword.html/' + req.params.resetcode);
});

app.get('/api', function (req, res) {
    res.send('Ecomm API is running');
});

// JSON API
app.post('/registeruser', usersApi.registerUser);
app.post('/api/login', usersApi.logIn);
app.post('/api/addgame', gamesApi.addGame);

app.get('*', routes.index);

// Start server

app.listen(2221, function () {
    console.log("Express server listening on port %d in %s mode", 2221, app.settings.env);
});

和 index.js

exports.index = function(req, res){
  res.render('home.html');
}; // Always rending index.html which needs to be fixed.

和来自AnghularJs的app.js如下

app.config(function ($routeProvider) {
    $routeProvider
      .when('/', { templateUrl: 'home.html' })
      .when('/resetpassword.html/:resetcode', { templateUrl: '/resetpassword.html', controller: 'ResetPasswordCtrl' })
      .otherwise({ redirectTo: '/' });
});

我收到 500 个内部错误或查看未找到错误。

请有任何建议。

Answer 1

您将密码连接到您传递给render 的视图名称，因此 Express 找不到该视图并返回 500 错误。您需要将数据作为附加参数作为对象传递给render 函数：

res.render('resetpassword.html', {resetcode: req.params.resetcode} );

然后在您看来直接使用resetcode，例如

<span><%= resetcode %></span>