centos(宝塔)搭建HOJ(10)—前后台联调

接上一篇文章：

centos(宝塔)搭建HOJ(8)—后台代码下载与调试 – 每天进步一点点 (longkui.site)

后台调试成功以后，这篇文章前台连后台。

打开hoj-vue，找到vue.config.js文件，修改代理地址：

  proxy: {
      '/api': {                                //   以'/api'开头的请求会被代理进行转发
        target: 'http://127.0.0.1:6688',       //   代理地址
        changeOrigin: true 
      }
    },

然后在hoj-vue目录下执行命令

vue-cli-service serve

然后就可以打开下面的页面：

然后右上角登陆，用户名root 密码hoj123456。打开后台界面。

如果你没有下面的报错这篇文章到此结束，如果你有下面的报错可以继续往下看。

上面一进入后台管理界面，就会有一个报错，

报错接口：http://localhost:8066/api/admin/config/get-service-info

这个接口报错500了。顺着代码找到后台，发现是下面这段代码报错了

仔细一看，这段代码是获取系统一些配置信息的代码，不知道为什么会报错，先注释掉，挖个坑，以后埋。

把代码修改成下面这样，

 public JSONObject getServiceInfo() {

        JSONObject result = new JSONObject();

        List<ServiceInstance> serviceInstances = discoveryClient.getInstances(currentServiceName);

        // 获取nacos中心配置所在的机器环境
        String response = restTemplate.getForObject(NACOS_URL + "/nacos/v1/ns/operator/metrics", String.class);

        JSONObject jsonObject = JSONUtil.parseObj(response);
        // 获取当前数据后台所在机器环境
//        int cores = OshiUtil.getCpuInfo().getCpuNum(); // 当前机器的cpu核数
//        double cpuLoad = 100 - OshiUtil.getCpuInfo().getFree();
//        String percentCpuLoad = String.format("%.2f", cpuLoad) + "%"; // 当前服务所在机器cpu使用率
//
//        double totalVirtualMemory = OshiUtil.getMemory().getTotal(); // 当前服务所在机器总内存
//        double freePhysicalMemorySize = OshiUtil.getMemory().getAvailable(); // 当前服务所在机器空闲内存
//        double value = freePhysicalMemorySize / totalVirtualMemory;
//        String percentMemoryLoad = String.format("%.2f", (1 - value) * 100) + "%"; // 当前服务所在机器内存使用率

        result.put("nacos", jsonObject);
        result.put("backupCores", 99);
        result.put("backupService", serviceInstances);
        result.put("backupPercentCpuLoad", 99);
        result.put("backupPercentMemoryLoad", 99);
        return result;
    }

然后重新启动后台。

就可以看到前台显示的正常了。

注意：底部的判题系统没有信息是对的，一是因为我们没有启动判题机的后台，二是因为判题机在windows下不能正常运行。