Чтобы настроить SSE в UNIAPP, выполните следующие действия:

1. существовать manifest.json Добавить в файл weex-vue-render модуль, как показано ниже:

{
  "weex": {
    "app": {
      "extend": {
        "module": [
          {
            "name": "weex-vue-render",
            "deps": ["vue"]
          }
        ]
      }
    }
  }
}

2. Установить npm install vue-server-sent-events --save полагаться.

3. Воля import VueServerSentEvents from 'vue-server-sent-events'; Введено в компоненты, которым необходимо использовать SSE.

4. существовать data() Создайте VueServerSentEvents объект экземпляра.

5. существовать mounted() В методе передайте this.$nextTick() Метод для получения элемента DOM текущего компонента, используя метод connect() Метод подключения к серверу SSE и привязки функции обратного вызова сообщения.

Вот пример кода:

<script>
import VueServerSentEvents from 'vue-server-sent-events';
export default {
  data() {
    return {
      sse: null,
      messages: []
    }
  },
  mounted() {
    this.$nextTick(() => {
      this.sse = new VueServerSentEvents('http://example.com/events');
      this.sse.connect();
      this.sse.on('message', (event) => {
        this.messages.push(event.data);
      });
    });
  }
}
</script>

существуют В приведенном выше коде мы создаем VueServerSentEvents объект, и Воля, которая связана с http://example.com/events SSE-сервер. Затем мы связали функцию обратного вызова для обработки message события, а полученные Волей сообщения добавляются в messages в массиве.