专栏首页葫芦cssjshtml vue直接调用elasticsearch接口

cssjshtml vue直接调用elasticsearch接口

欢迎访问主页: https://www.bthlt.com/


es query查询

es同一字段多条件合并查询:

{
    "query":{
        "bool":{
            "must":{
                "bool":{
                    "must":[
                        {
                            "match_phrase":{
                                "message":"request"
                            }
                        },
                        {
                            "match_phrase":{
                                "message":this.openid
                            }
                        }
                    ]
                }
            }
        }
    },
    "_source":[
        "message",
        "@timestamp"
    ]
}

axios调用es接口认证解决方法

通过headers中设置:Authorization  来通过验证,Authorization通过正常登陆页面后在headers中获取。此方法牺牲了安全。

JSON.parse(jsonstr):用来解析json字符串,转为json对象。 json.hasOwnProperty(key):用来判断json中是否有此key。

axios.post(es_url, es_data,
                    {

                        headers: {
                            'Authorization': 'Basic ********',
                            'Content-Type': 'application/json'
                        }
                    }
                ).then((res) => {

                    res.data.hits.hits.forEach(function (item, index) {
                        let message = JSON.parse(item['_source']['message'].substring(12))
                        console.log(message)
                        let path = ''
                        let globalticket = ''
                        let body = ''
                        if (message.hasOwnProperty("path")) {
                            path = message['path']

                        }
                        if (message.hasOwnProperty('url')) {
                            path = message['url']

                        }
                        if (message.hasOwnProperty('headers')) {
                            globalticket = '*******=' + message['headers']['globalticket']

                        }
                        if (message.hasOwnProperty('body')) {
                            body = JSON.stringify(message['body'])

                        }

                        messsages.push({
                            "path": path,
                            "globalticket": globalticket,
                            "body": body,

                            "timestamp": item['_source']['@timestamp']
                        })
                    })

                })

表格设置:

表格内内嵌跳转链接:

<template slot-scope="scope"> <a :href="'http://'+scope.row.globalticket" target="_blank" class="buttonText">{{scope.row.globalticket.split('=')[1]}}</a> </template>

超长隐藏:

<el-table-column

                        prop="body"

                        label="body" :show-overflow-tooltip="true">

            <el-table
                    :data="tableData"
                    style="width: 100%">
                <el-table-column
                        width="240"
                        sortable
                        prop="timestamp"
                        label="timestamp">
                </el-table-column>
                <el-table-column
                        width="500"
                        prop="path"
                        label="path">
                </el-table-column>
                <el-table-column
                        width="500"

                        prop="globalticket"
                        label="globalticket" :show-overflow-tooltip="true">
                    <template slot-scope="scope">
                        <a :href="'http://'+scope.row.globalticket"
                           target="_blank"
                           class="buttonText">{{scope.row.globalticket.split('=')[1]}}</a>
                    </template>

                </el-table-column>
                <el-table-column
                        prop="body"
                        label="body" :show-overflow-tooltip="true">
                </el-table-column>
            </el-table>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • sql mysql统计表记录数

    葫芦
  • teg 中兴路由器pptp支持

    葫芦
  • cssjshtml axios post提交 form格式错乱

    解决axios post  提交x-www-form-urlencoded格式错乱:

    葫芦
  • 零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建

    欢迎小伙伴继续观看网页开发教程。该教程是基础有简单计算机基础,但是却没有网页开发基础的同学使用的。如果您毫无计算机基础,对于本教程的使用还是会有一点的难度。

    刘金玉编程
  • 当心 CREATE TABLE AS

    对 DBA 而言,CREATE TABLE AS 可谓是家常便饭,顺手拈来。需不知该方式虽然简单,但疏忽也容易导致意想不到的问题。笔者前阵子就碰上...

    Leshami
  • ABAP check table的工作原理

    Missing entry in check table will NOT hinder CRUD of host table. This is verifie...

    Jerry Wang
  • Java右移每32位(64位)循环

    long a = 33; for (int i = 0; i < 64; i++) { System.o...

    sickworm
  • 【Flink】Flink 运行架构及 Flink 流处理 API

    Flink 运行时架构主要包括四个不同的组件,它们会在运行流处理应用程序时协同工作:作业管理器(JobManager)、资源管理器(ResourceManage...

    魏晓蕾
  • Caffe学习系列(23):如何将别人训练好的model用到自己的数据上

    http://www.cnblogs.com/denny402/p/5137534.html

    bear_fish
  • RoomNet - 一个轻量级的ConvNet(700 KB)

    卷积神经网络对房屋/公寓的不同房间的图片进行分类,在1839幅图像上具有88.9%的验证准确度。

    代码医生工作室

扫码关注云+社区

领取腾讯云代金券