17.Use ren project modify product category ＆ fix CORS

<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>

<script>
// 這裡可以載入其它文件 (例如:元件、JS檔、第三方套件、Json檔案、圖片...等)
// EX: import 元件名稱 from '元件路徑';

export default {
  // import載入的組件需要注入到物件中才能使用
  components: {},
  props: {},
  data() {
    return {
      data: [],
      defaultProps: {
        children: "children",
        label: "label",
      },
    };
  },
  methods: {
    handleNodeClick(data) {
      console.log(data);
    },
    getMeuns() {
        this.$http({
        url: this.$http.adornUrl("/product/category/list/tree"),
        method: "get",
      }).then((data) => {
        console.log("成功取得選單資料：", data);
      });
    }
  },
  // 計算屬性，類似於data的概念
  computed: {},
  // 監聽器，監聽資料有無變化
  watch: {},

  // 生命週期 - 建立完成 (可以訪問當前this實例)
  created() {
    this.getMeuns();  //  啟動時執行
  },
  // 生命週期 - 掛載完成 (可以訪問DOM元素)
  mounted() {},
  beforeCreate() {}, // 生命週期 - 建立前
  beforeMount() {}, // 生命週期 - 掛載前
  beforeUpdate() {}, // 生命週期 - 更新前
  updated() {}, // 生命週期 - 更新後
  beforeDestroy() {}, // 生命週期 - 銷毀前
  destroyed() {}, // 生命週期 - 已銷毀
  activated() {}, // 如果頁面有keep-alive緩衝功能，這個函數就會觸發
};
</script>

                <dependency>
			<groupId>com.cheng.yumall</groupId>
			<artifactId>yumall-common</artifactId>
			<version>0.0.1-SNAPSHOT</version>
		</dependency>

  application:
    name: renren-fast
  cloud:
    nacos:
      discovery:
        server-addr: 127.0.0.1:8848

...
...
#新增路由
        - id: admin_route
          uri: lb://renren-fast
          predicates:
            - Path=/api/**

        - id: admin_route
          uri: lb://renren-fast
          predicates:
            - Path=/api/**
          filters:
            - RewritePath=/api(?<segment>.*), /renren-fast/$\{segment}

Access to XMLHttpRequest at 'http://localhost:88/api/sys/login' from origin 'http://localhost:8001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

@Configuration
public class YuCorsConfiguration {

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

        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.setAllowCredentials(true);

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

Access to XMLHttpRequest at 'http://localhost:88/api/sys/login' from origin 'http://localhost:8001' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:8001, http://localhost:8001', but only one is allowed.