前后端通信

优质

小牛编辑

128浏览

2023-12-01

这里的前后端通信指的是kibana插件server端与client端通信。一般都是http请求，本章讲解angulajs与react两种模式下通信如何编写。

server端

在index.js初始化server端代码

初始化

    import serverRoute from './server/routes/server';
    init(server, options) {
      // Add server routes and initialize the plugin here
      serverRoute(server, options);
  });

构建路由

在serverRoute.js中新增如下方法

export default function (server) {
  server.route({
    path: '/api/cleaner/_stats',
    method: 'GET',
    handler(req, reply) {
      reply({"message":"Hello World!"});
    }
  });
}

angularjs

   $http
      .get('../api/cleaner/_stats')
      .then((response) => {
          console.log(response);
      });

react

使用axios实现http通信

import axios from 'axios';
const { data } = await axios('../api/cleaner/_stats');