springboot +vue项目配置应用监控

在Spring Boot中集成Actuator非常简单，只需要在pom.xml文件中添加以下依赖：

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-actuator</artifactId>
</dependency>

接下来在application.yml文件中添加以下配置：

management:
  endpoints:
    web:
      exposure:
        include: "*"

这里配置了所有的Actuator端点都暴露出来，包括/health、/metrics、/loggers等等。

在Vue中，可以使用axios库来调用这些监控端点。例如：

axios.get('/actuator/health').then(response => {
    console.log(response.data);
});

这里调用了/actuator/health端点，并打印了响应数据。

对于监控数据的展示，可以使用一些可视化库来展示数据。例如使用Echarts来展示应用的CPU、内存等指标：

axios.get('/actuator/metrics/system.cpu.usage').then(response => {
    var data = response.data.measurements[0].value;
    var chart = echarts.init(document.getElementById('cpu-chart'));
    chart.setOption({
        series: [{
            type: 'gauge',
            detail: {
                formatter:'{value}%'
            },
            data: [{value: data, name: 'CPU'}]
        }]
    });
});

这里调用了/actuator/metrics/system.cpu.usage端点，并使用Echarts展示了CPU的使用率。

除了Echarts，还可以使用AntV、Highcharts等其他可视化库来展示监控数据。