分布式项目(1)菜单管理

【今日成果展示】:

在这里插入图片描述

【菜单管理】:

在这里插入图片描述
注意!!!————新增的是《目录》。
//然后在商品系统下 , 可以添加类别管理的菜单。
在这里插入图片描述
新增的是《菜单》。

加完之后的界面:
在这里插入图片描述
在数据库中对应的表结构:
在这里插入图片描述
对应的前端文件地址:
在这里插入图片描述
在这里插入图片描述
【动态获取后台服务的数据】:
在这里插入图片描述
在这里插入图片描述
//人人平台原生的前端路由文件中的地址是写死的,只对应了一个后台服务,而现在我们有很多个服务,所以现在我们应该让其指向网关服务。

【回顾路由】:

在这里插入图片描述
//这是之前配置文件中的固定写法。
在这里插入图片描述
//所有的前端请求都加上一个后缀,这样就可以在配置文件中进行断言来过滤了~!!!

【重写路径】:

          predicates:
            - Path=/app/**
          filters:
            - RewritePath=/app/(?<segment>/?.*),/renren-fast/$\{segment}

【网关路由】:

//未在Gateway下添加相关依赖,导致图片没有加载出来:
直接在网管模块下添加的依赖解决了这个问题。

        <!--  添加一个负载均衡的依赖  -->
        <dependency>
            <groupId>org.springframework.cloud</groupId>
            <artifactId>spring-cloud-starter-loadbalancer</artifactId>
            <version>4.0.0</version>
        </dependency>

【跨域问题解决】:

在这里插入图片描述
跨域网站介绍:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS

【跨域配置类】:

/**
* 解决跨域的配置类;
* */
@Configuration
public class MallCorsConfiguration {

    @Bean
    public CorsWebFilter corsWebFilter(){
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration configuration = new CorsConfiguration();

        //配置跨域的信息;
        configuration.addAllowedHeader("*");  //请求头里的所有都支持。
        configuration.addAllowedMethod("*");  //所有的提交方法都支持。
        //SpringBoot升级到2.4.0之后需要使用该配置。
        configuration.addAllowedOriginPattern("*");
        configuration.setAllowCredentials(true);  //是否能够支持相关的凭证信息。

        source.registerCorsConfiguration(  "/**" , configuration  );
        return new CorsWebFilter(source);
    }
}

【路由是有顺序的】:

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值