hapi.js - 404 路由 VS 静态文件路由

我正在尝试将 Express 应用程序迁移到 hapi.js，但我的路线遇到了问题。我只想要 2 GET ：我的索引“/”，以及所有不是“/”的内容重定向到“/”。

使用 Express 我有这个：

// static files
app.use(express.static(__dirname + '/public'));

// index route
app.get('/', function (req, res) { 
  // whatever
}

// everything that is not /
app.get('*', function(req, res) { 
  res.redirect('/');
});

我在使用 hapi.js 时遇到问题，无法获得相同的行为。我的“静态道路”是这样的：

server.route({
  method: 'GET',
  path: '/{path*}',
  handler: {
    directory: {
      path: 'public',
      listing: false
    }
  }
});

我的“404路”是：

server.route({ 
  method: 'GET', 
  path: '/{path*}', 
  handler: function (request, reply) {
    reply.redirect('/');
  }
});

我收到此错误：

Error: New route /{path*} conflicts with existing /{path*}

我该如何解决这个问题？

您使用相同的方法和路径定义了 2 条路由，这对于 hapi 的路由器而言是冲突的。这就是您收到错误的原因。

如果找不到文件directory处理程序，默认情况下它会响应 404 错误。

你能做的就是用一个拦截器onPreReponse处理程序，检查响应是否是错误响应（Boom https://github.com/hapijs/boom对象），如果是这样，请按照您的意愿进行回应。在您的情况下，通过重定向到/:

var Hapi = require('hapi');

var server = new Hapi.Server();
server.connection({ port: 4000 });

server.route([{
        method: 'GET',
        path: '/',
        handler: function (request, reply) {

            reply('Welcome home!');
        }
    }, {
        method: 'GET',
        path: '/{p*}',
        handler: {
            directory: {
                path: 'public',
                listing: false
            }
        }
    }
]);

server.ext('onPreResponse', function (request, reply) {

    if (request.response.isBoom) {
        // Inspect the response here, perhaps see if it's a 404?
        return reply.redirect('/');
    }

    return reply.continue();
});

    
server.start(function () {
    console.log('Started server');
});

推荐阅读：

• hapi的请求生命周期和扩展点：http://hapijs.com/api#request-lifecycle http://hapijs.com/api#request-lifecycle
• 响应对象：http://hapijs.com/api#response-object http://hapijs.com/api#response-object