谷粒商城-分类查询前端显示

第一步还是需要配置网关，编写一个新的路由。需要对路径进行重写，因为最终访问的地址是http://localhost:10000/product/category/list/tree，而页面访问的地址是http://localhost:88/api/product/category/list/tree  。

 

 

 之后在gulimall-product的application.yml中进行注册发现的相关配置

 

同时为gulimall-product在Nacos中建立新的命名空间。

 

之后需要进行页面展示。由于只是拿到数据部分，不需要拿到全部对象，所以可以对data进行解构。之后把拿到的data.data赋予menus

.then(({data})=>{

            console.log("成功获取到菜单数据",data.data)

            this.menus = data.data

}

 

 

 

最终在模板中进行显示