在做一個用vue框架做的專案時，需要呼叫zabbix的告警資料做一個告警面板，因此在告警頁面直接使用axios呼叫介面獲取資料，配置axios的headers['Content-Type'] = 'application/json'。

zabbix的公用API介面：域名/zabbix/api_jsonrpc.php， 在這域名假設為：http://zabbix.test.com

在獲取告警資料時得先登入zabbix獲取auth值。post過去的id值不能為空，否則會報錯， 可直接預設為1。

this.axios.post('http://zabbix.test.com/zabbix/api_jsonrpc.php', {
    "jsonrpc":"2.0",
    "method":"user.login",
    "params": {
         "user":"admin",
         "password":"test"
    },
    "id": 1
}).then((data) => {
     let auth = data.data.result;
})
 

this.axios.post('http://zabbix.text.com/zabbix/api_jsonrpc.php', {
    "jsonrpc": "2.0",
    "method": "trigger.get",
    "params": {
         "output": [
               "triggerid",
               "description",
               "lastchange",
               "priority"
          ],
          "filter": {
                 "value":1
          },
          "sortfiled": "lastchange",
          "sortorder": "DESC"，
          "selectHosts": ['host'],
          "selectGroups": ['name'],
          "expandDescription": 1,
          "only_true": 1
    },
    "auth": auth,
    "id": 1
}).then((data) => {
     this.alertList = data.data.result;
})
 

zabbix的告警介面欄位屬性，可看官方API文件zabbix的告警介面引數文件

結果展示：