Layui表格接口404时需手动捕获网络错误并在url函数中调用obj.done()返回伪造响应，再通过parseData和done处理并提示；推荐Layui 2.9+使用内置error配置或table.error。
接口返回404时Layui表格不提示、直接空白怎么办
layui的table.render()默认对http 404这类非200响应不做任何提示，而是静默失败，控制台可能只有一条get /api/list 404，表格区域留白或卡在“加载中”。这不是bug，是layui把错误处理交给了开发者。
关键得接管parseData和done两个钩子：前者负责从原始响应中提取数据（哪怕状态码异常），后者负责兜底展示错误信息。
-
parseData必须返回一个含code、msg、count、data的结构，即使后端返回404，你也得手动构造这个对象，否则done收不到参数 -
done里检查res.code !== 0（或你约定的业务成功码），再调用layer.msg()或直接操作DOM写提示 - 别依赖
error回调——Layui 2.8+已废弃该配置项，老文档里的写法会失效
如何在parseData里兼容404并透传错误信息
后端返回404时，浏览器fetch/XHR根本不会进success回调，Layui的parseData压根不会执行。所以必须用beforeSend或改用url配函数的方式，主动捕获网络层错误。
推荐写法：把url设为函数，内部用$.ajax或fetch手动发请求，在catch或fail里返回伪造的res对象，确保parseData能拿到东西。
table.render({
elem: '#demo',
url: function (obj) {
return $.ajax({
url: '/api/list',
type: 'GET',
dataType: 'json',
success: function(res) {
obj.done(res.data, res.count, res);
},
error: function(xhr) {
// 重点：这里必须调用 obj.done()，否则表格不触发 done 回调
obj.done([], 0, {
code: xhr.status,
msg: '接口不存在（' + xhr.status + '）',
count: 0,
data: []
});
}
});
},
parseData: function(res) {
return {
code: res.code,
msg: res.msg,
count: res.count,
data: res.data
};
}
});
为什么layer.msg()在done里调用有时不显示
因为done执行时，表格容器可能还没渲染完成，layer.msg()的弹层被遮挡或z-index冲突。更稳妥的是直接往表格容器里插DOM，或者用table.error（Layui 2.9+新增）。
- 如果用
layer.msg()，加time: 3000和shadeClose: true避免用户误操作 - 若项目用了Layui 2.9+，直接配
error: '接口加载失败，请检查URL'，框架自动在表格上方显示红字提示 - 手动DOM插入时，目标元素选
$(obj.elem).next('.layui-table-view')，不是obj.elem本身——后者是隐藏的table标签
后端返回404但路径拼错，前端怎么快速定位
常见原因是前端写了/api/user/list，后端实际是/api/users，或者漏了版本前缀如/v1/api/...。光看控制台Network里的404不够，得确认Request URL是否和后端文档一致。
- 打开浏览器Network面板，点开那个404请求，看
Headers > Request URL字段，复制出来和接口文档逐字符比对 - 检查
table.render()的url值是否用了变量，比如url: apiBase + '/list'，打印apiBase确认没多空格或少斜杠 - 如果用了Nginx代理，注意location匹配规则是否截断了路径——例如
location /api/ { proxy_pass http://backend; }会导致后端收不到/api/前缀
404本质是路径问题，和表格逻辑无关。别花时间调cols或page配置，先盯死URL拼接过程。
