LayUI 扩展插件dtree无法访问本地json数据填坑

LayUI 扩展插件dtree无法访问本地json数据填坑

问题描述

最近项目需要进行PC端后台管理开发，选择了LayuiAdmin后台管理模板，其中部门组织架构使用树形结构展示，这时在layui扩展插件里面看中了dtree插件。（主要是相对好看）集成到项目中的时候，调试的时候访问本地保存的json文件，报错找不到追定请求，请检查指定路径。

问题排查

文件路径检查

一开始我以为是我文件路径指定错误，后来单独打开文件路径是没有问题的。说明指定路径没有问题。

文件格式检查

后来我怀疑是不是我数据格式错误，参考官方数据又改写了一编数据，发现问题依旧。然后我又将json文件里面的data数据单独定义到程序里，改写成静态数据。这时候dtree能够访问改数据并且显示正常。也就是说数据格式正确。

浏览器调试

F12进入浏览器调试，控制台报错：

Failed to load resource: the server responded with a status of 404 (Not Found)

jquery.js:4 POSThttp://127.0.0.1:8848/%E7%84%8A%E6%9D%90%E7%AE%A1%E7%90%86web%E7%AB%AF/js/dtree.json 404 (Not Found)

可以看到POST报错404

问题解决

上面POST报错404，尝试将method更改为GET
即加入method:‘get’,
问题解决，dtree成功访问到本地json文件。问题解决！

解决办法 将接口请求类型更改为get

url:"../../js/dtree.json",
method:'get',