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

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

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

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

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

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

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

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

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

3.创建相关页面

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

使用vue模板创建该页面

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

可看到显示成功

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

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

树形控件API如下

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

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

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

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

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

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

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

 5.注册服务

添加依赖

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

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

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

添加服务发现 注解

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

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

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

6.网关路由与路径重写 

路径前加lb 做负载均衡

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

localhost:8080

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

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

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

 

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

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

 

 

你可能感兴趣的:(谷粒商城,商品服务-API-,配置网关路由与路径重写)