Как подключиться к серверу Elastic Search в Vue-JS

Question

Я пытаюсь получить данные с сервера эластичного поиска, используя vue-js, но каждый раз, когда я создаю соединение с ним, я получаю сообщение об ошибке кластер не активен . Но с другой стороны, я попытался использовать только nodeJS с точно таким же кодом, и это сработало.

Пока что я попробовал:

<template>
    <div class="home content">
        <div id="example-1">
            <button v-on:click="connection">Connections</button>
            <p>Clic on it to see remote connections</p>
        </div>

    </div>
</template>

<script>
export default {
    data () {
        return {
            counter:0
        }
    },
    methods: {
        connection(){
            var elasticsearch = require('elasticsearch');
            var client = new elasticsearch.Client({
            host: 'stack:overflow@8.8.8.8:22'
            });
            client.ping({ requestTimeout: 30000 }, function(error) {
                if (error) {
                    console.error('elasticsearch cluster is down!');
                } else {
                    console.log('Everything is ok');
                }
            });

        }
    }
}
</script>

Но ошибка, которую я получаю:

ERROR: 2019-04-02T08:19:53Z
  Log.prototype.error@webpack-internal:///../../../node_modules/elasticsearch/src/lib/log.js:226:56
  checkRespForFailure@webpack-internal:///../../../node_modules/elasticsearch/src/lib/transport.js:259:9
  XhrConnector.prototype.request/xhr.onreadystatechange@webpack-internal:///../../../node_modules/elasticsearch/src/lib/connectors/xhr.js:78:7


console.js:39
    write console.js:39
    onError console.js:53
    wrapper Lodash
    emit events.js:81
    error log.js:226
    checkRespForFailure transport.js:259
    onreadystatechange xhr.js:78
elasticsearch cluster is down!

Так что я думаю, что в Vue-JS есть что-то особенное, чтобы оно работало, но я понятия не имею о конкретной вещи. Если у кого-то есть идея, она будет идеальной, спасибо за ваше время.