2 回答

• 9

  有两种简单的解决方案：

  1.使用server.ext（'onPreResponse'...

  正如@Clarkie所述，捕获Hapi应用程序中所有错误的一般方法是使用 'onPreResponse' .

  我们编写了一个Hapi插件，它确实如此：https://www.npmjs.com/package/hapi-error

  像往常一样，它有：

  

  

  并允许您通过3个简单步骤定义自己的自定义错误页面 .

  1.从npm安装插件：

  npm install hapi-error --save
  

  2.在Hapi项目中包含插件

  当您的服务器 register 包含插件时：

  有关简单示例，请参阅：/example/server_example.js

  3.确保您有一个名为error_template的视图

  注意：hapi-error插件期望您使用Vision（Hapi应用程序的标准视图渲染库），它允许您为模板使用Handlebars，Jade，React等 .

  你的 error_template.html （或 error_template.ext error_template.jsx ）应该使用它将传递的3个变量：

  • errorTitle - Hapi生成的错误磁贴

  • statusCode - * HTTP statusCode发送到客户端，例如： 404 （未找到）

  • errorMessage - 人性化的错误消息

  有关示例，请参阅：/example/error_template.html

  而已！

  

  2.使用failAction

  我们添加了 failAction re-uses register_handler ，以便 registration-form.html 显示任何输入验证错误消息（直到它提交有效数据）

  {
    method: '*',
    path: '/register',
    config: {
      validate: {
        payload : register_fields,
        failAction: register_handler // register_handler is dual-purpose (see below!)
      }
    },
    handler: register_handler
  }
  

  register_handler 是：

  function register_handler(request, reply, source, error) {
    // show the registration form until its submitted correctly
    if(!request.payload || request.payload && error) {
      var errors, values; // return empty if not set.
      if(error && error.data) { // means the handler is dual-purpose
        errors = extract_validation_error(error); // the error field + message
        values = return_form_input_values(error); // avoid wiping form data
      }
      return reply.view('registration-form', {
        title  : 'Please Register ' + request.server.version,
        error  : errors, // error object used in html template
        values : values  // (escaped) values displayed in form inputs
      }).code(error ? 400 : 200); // HTTP status code depending on error
    }
    else { // once successful, show welcome message!
      return reply.view('welcome-message', {
        name   : validator.escape(request.payload.name),
        email  : validator.escape(request.payload.email)
      })
    }
  }
  

  请参阅：server.js：57获取完整文件 .

  extract_validation_error(error) 和 return_form_input_values(error) 是 server.js 中定义的辅助函数（但会被拆分为可重用的视图助手），这使得我们的处理函数保持精简状态 .

  当我们提交没有任何必填字段的表单时，我们会看到：

  

  

  我们还使用https://github.com/chriso/validator.js来缓解Cross Site Scripting漏洞：

  

  并在成功注册时显示欢迎信息：
  

  结论

  我们觉得重新使用处理函数作为 failAction 将代码与此路由/动作保持在一个单独的位置，而 server.ext('onPreResponse' ... （在初始检查时适当）将引入“钩子”，这可能是一个混乱的来源（曾经是一个应用程序）有很多这样的钩子...）

  #YMMV

  让我们知道您的想法！
  

  回复于 2024-04-27T16:34:45+08:00
• 5

  您应该查看在 onPreResponse extension point中实现错误处理程序 .

  可以修改request.response中包含的响应（但不指定新值） . 要返回不同的响应类型（例如，使用HTML响应替换错误），请通过回复（响应）返回新响应 . 请注意，调用reply（response）后生成的任何错误都不会传递回onPreResponse扩展方法以防止无限循环 .

  一个简单的例子：

  server.ext('onPreResponse', function (request, reply) {
    if (request.response.statusCode === 400 ){
      return reply('summat else');
    }
    return reply.continue();
  });
  

  回复于 2024-04-27T16:34:45+08:00