商品三级菜单配置网关路由与路径重写

一 启动后端管理系统RenrenApplication

二 启动前端项目gulimall-admin-vue-app

npm run dev

三 获取菜单关键代码

// 方法集合  
methods: {
    // 获取树形菜单结构
    getMenus() {
      this.$http({
        url: this.$http.adornUrl("/product/category/list/tree"),
        method: "get",
      }).then(({ data }) => {
        console.log("成功获取到菜单数据...", data.data);
        this.menus = data.data;
      });
    },
}

// 生命周期 - 创建完成（可以访问当前this实例）
created() {
    // 获得菜单数据
    this.getMenus();
},

四 配置前端项目api接口，它路由到网关微服务

/**
* 开发环境
*/
; (function () {
  window.SITE_CONFIG = {};

  // api接口请求地址，这里的88端口是网关端口,它会路由到网关微服务
  window.SITE_CONFIG['baseUrl'] = 'http://localhost:88/api';
  // window.SITE_CONFIG['baseUrl'] = &#