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',