谷粒商城day34 -商品服务-API-三级分类-查询-树形展示三级分类数据

1.网关中进行路由配置   

因为之前写的路由到renrenfast的/api/**  包含了我们配的路径,而路由是从上到下,所以把我们的配置放到之前配置上面,

不然会被/api/**拦截而无法正确路由,配置如下,菜单分类显示功能是在商品服务中

- id: product_route
          uri: lb://gulimall-product
          predicates:
            - Path=/api/product/**
          filters:
            - RewritePath=/api/(?.*),/$\{segment}

2.商品服务中bootstrap.properties 添加配置

其中有添加新命名空间product 然后拷贝空间ID到如下

spring.application.name=gulimall-product
spring.cloud.nacos.config.server-addr=127.0.0.1:8848
spring.cloud.nacos.config.namespace=3cab3d66-f150-4799-9186-ef66dd89d3bd

3.添加服务发现注解

谷粒商城day34 -商品服务-API-三级分类-查询-树形展示三级分类数据_第1张图片

4.启动三个服务,检测服务是否成功开启

谷粒商城day34 -商品服务-API-三级分类-查询-树形展示三级分类数据_第2张图片

谷粒商城day34 -商品服务-API-三级分类-查询-树形展示三级分类数据_第3张图片

 5.前端获取数据并显示

其中包括绑定menus作为树形控件的数据源数组,defaultProps内定义子菜单为menus的children属性,label显示值为menus的name属性








6.访问后显示成功

谷粒商城day34 -商品服务-API-三级分类-查询-树形展示三级分类数据_第4张图片

你可能感兴趣的:(谷粒商城,商品服务-API-,三级分类-查询-,树形展示三级分类数据)