1.启动后台管理系统与商品服务

启动后台管理系统与商品管理服务

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

2.进入商品管理系统添加相关菜单目录

一级菜单下添目录商品系统,商品系统下添加菜单分类维护

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

3.创建相关页面

根据路径映射规则product/category会自动访问 product目录下的category.vue并展示

使用vue模板创建该页面

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

可看到显示成功

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

4.使用树形控件初始化界面

树形控件API如下

https://element.eleme.io/#/zh-CN/component/tree

将样式代码拷入可看到页面效果

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

 添加访问后端分类数据方法,并在created中调用,也就是页面创建时就会调用

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

刷新页面可以看到,访问出现404了,可以看到请求的路径并不对

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

 5.注册服务

添加依赖

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

服务名称,并申明nacos配置中心位置

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

添加服务发现 注解

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

重启后台服务,打开注册中心可以看到服务

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

6.网关路由与路径重写 

路径前加lb 做负载均衡

predicates部分:做断言,访问路径前缀为/api的回访问renren-fast服务也就是

localhost:8080

filters部分:做路径重写把api替换为服务名renren-fast

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

访问首页.此时验证码成功显示

 

但是,此时输入账号密码验证码,登录报错,是因为跨域了,跨域问题我将会在下篇解决

谷粒商城day32 -商品服务-API-三级分类-配置网关路由与路径重写

 

 

相关文章:

  • 2021-04-28
  • 2021-09-02
  • 2021-05-09
  • 2022-02-19
  • 2021-12-18
  • 2022-01-07
  • 2021-06-18
  • 2021-09-08
猜你喜欢
  • 2021-11-24
  • 2021-08-26
  • 2021-10-30
  • 2021-04-04
  • 2021-06-05
  • 2021-09-08
  • 2022-01-06
相关资源
相似解决方案