vue-ueditor 后端配置项没有正常加载_揭秘Gannt后端集成问题该如何解决

病征

1.您尝试手动或按照我们的教程来实现后端API ，但是在打开页面时，甘特图不会显示任何任务或链接。

2.您很难将更改保存到后端。

原因

对于不同平台上的不正确行为，可能有很多原因和解决方案，在本文中我们将不再赘述。

我们的目标是引导您完成调查此类问题的常见步骤。找到问题并了解应用程序为何无法正常工作后，通常可以轻松解决此问题。

检查页面上的错误消息

1.打开浏览器开发工具，然后重新加载页面。您是否在浏览器控制台中看到任何错误消息？

2.如果有任何错误，请评估错误并确定是否可以自己处理。否则，请继续下一步。

检查客户的要求

1.打开“ 网络”面板，确保XHR请求可见。

2.重新加载页面，找到一个应该从后端加载数据的请求。确保输入正确的URL并检查响应状态。

有没有错误？

404响应状态表示存在错误的URL传递给该gantt.init方法，或者您的应用程序的路由设置存在问题。

检查服务器返回的内容

选择请求并检查响应预览或原始响应内容。

响应看起来是否类似于预期的数据格式？

如果您看到来自Web服务器而不是Gantt数据的错误消息

您可以确定后端代码或数据库连接设置有问题。

通常，错误响应包含足够的信息以找出导致问题的原因。如果看到通用500 server error消息，则可能需要临时禁用服务器上的自定义错误页面，以查看实际错误。在各种平台上的处理方式有所不同。如果您不确定从何处开始，只需使用Google“在<％your server or framework％>中禁用自定义错误页面”即可。

如果数据看起来或多或少都可以

看看的id，start_date，end_date，duration，parent的属性。

• id-具有相同ID的项目将被合并。如果您有五个具有匹配ID的任务，则Gantt将仅显示其中一个。
• parent- parent值与root_id配置匹配的条目将显示在任务树的根级别（默认情况下-任何空值，包括零或null）。如果该parent属性不为空，并且您的数据集不包含适当的父任务，则此类项目将根本不会显示。
• start_date，end_date，duration-确保您的条目包含至少两个这些属性，例如start_date+ duration。在“ 数据加载”文章中有更多信息。

确保start_date/ end_date格式与您在甘特图的date_format配置中指定的格式匹配

如果发现属性值中有异常

检查存储在数据库中的内容，可能是问题所在。如果日期格式不匹配，请更改date_format配置，或修改将任务日期序列化的代码，然后再将其输出到客户端。检查什么装载到甘特

1.打开浏览器控制台并运行gantt.getTaskByTime()。

2.检查控制台输出。您可能会看到一系列任务。

同样，你可以检查start_date，end_date和parent任务的性质。

筛选器

如果在那里没有发现任何明显的问题，请尝试检查代码，可能是filter隐藏了任务。

最后一招

如果以上方法均无济于事，或者您既看不到任务又看不到控制台错误，请尝试在我们的论坛中发布您的问题，或与我们的技术支持联系以解决您的问题。

请务必提供您收集的所有信息，以完成上述步骤。

此外，我们的团队将需要最少的可重复演示：要么是带有简化应用程序的独立程序包（“甘特图”页面，所有必需文件，带有一些测试数据的数据库转储，要么是包含您尝试加载的数据的静态JSON文件），或者一个在线链接，我们可以在浏览器中检查问题。