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

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

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

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

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

3.创建相关页面

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

使用vue模板创建该页面

可看到显示成功

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

树形控件API如下

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

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

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

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

 5.注册服务

添加依赖

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

添加服务发现 注解

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

6.网关路由与路径重写 

路径前加lb 做负载均衡

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

localhost:8080

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

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

 

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