从接口渲染树形菜单数据 #

请考生使用任意js框架或原生js完成以下任务 #

使用axios或原生ajax请求接口数据 https://api.yqcloud.top/api/menus
使用获得的数据渲染页面
【选做】部署到服务器上，示例 https://interview-menu-demo.yqcloud.top/

接口(GET)：https://api.yqcloud.top/api/menus

[
    {
        "id":"a",
        "name":"设置",
        "children":[
            {
                "id":"b",
                "name":"门户设置",
                "children":[
                    {
                        "id":"c",
                        "name":"门户菜单设置"
                    },
                    {
                        "id":"cc",
                        "name":"门户菜单设置2"
                    }
                ]
            },
            {
                "id":"d",
                "name":"系统管理",
                "children":[
                    {
                        "id":"e",
                        "name":"定时任务",
                        "children":[
                            {
                                "id":"feee",
                                "name":"定时任务下的定时任务"
                            }
                        ]
                    },
                    {
                        "id":"ee",
                        "name":"定时任务2"
                    }
                ]
            }
        ]
    }
]

最终渲染的html结果：

<ul>
    <li>
        设置
        <ul>
            <li>
                门户设置
                <ul>
                    <li>门户菜单设置</li>
                    <li>门户菜单设置2</li>
                </ul>
            </li>
            <li>
                系统管理
                <ul>
                    <li>
                        定时任务
                        <ul>
                            <li>定时任务下的定时任务</li>
                        </ul>
                    </li>
                    <li>定时任务2</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>