以下是使用Astrojs构建自定义500错误页面，并动态显示错误信息的解决方法的代码示例：

1. 创建一个_error.astro文件，用于处理500错误页面：

  import { httpStatus } from '$app/stores';

  const error = $page.error || httpStatus.get();



  



  
Error 500 - Internal Server Error
  
{error.message}

2. 在项目的astro.config.js文件中，将catch-all路由指向_error.astro页面：

module.exports = {
  routes: {
    '/': './src/pages/index.astro',
    // 其他路由...
    '/*': './src/pages/_error.astro'
  }
};

3. 在处理500错误的路由或中间件中，设置错误信息并触发500错误：

// 例如，在Express.js中
app.use((req, res, next) => {
  const error = new Error('Internal Server Error');
  error.status = 500;

  // 设置错误信息
  res.locals.error = error;

  // 触发500错误
  next(error);
});

4. 在其他路由或中间件中，通过httpStatus store设置错误状态：

// 例如，在Express.js中
app.get('/some-route', (req, res) => {
  // 设置错误状态为500
  httpStatus.set(500);

  // 其他处理逻辑...
});

这样，当发生500错误时，Astro将显示自定义的500错误页面，并动态显示错误信息。