更新记录

1.0.0（2023-06-02）

v1.0.0

平台兼容性

xe-event-source

说明

H5及APP(vue)中使用EventSource (sse)

当前插件依赖@microsoft/fetch-event-source，相关传参可参考该依赖的传参

使用

Attributes

Events

callback type

示例

<xe-event-source ref="EventSourceRef" :url="eventSourceUrl" :options="eventSourceOptions"
            @callback="handleCallback"></xe-event-source>

...
data() {
  return {
    inputContent: "What is the weather like today?",
    outputContent: ""
  }
},
computed: {
  // 接口地址
  eventSourceUrl() {
    return "";
  },
  // 请求配置
  eventSourceOptions({ inputContent }) {
    return {
      headers: {
        Authorization: "Bearer xxxxxxxxxxxxxxxx"
      },
      method: "POST",
      body: JSON.stringify({
        msg: inputContent
      })
    }
  }
},
methods: {
  // 发送请求
  handleClick() {
    if (!this.inputContent) return;
    this.outputContent = "";
    this.$refs.EventSourceRef.send();
  },
  // 接收数据
  handleCallback(e) {
    const { type, msg, data } = e || {};
    console.log(type, msg, (data || ""));
    if (type !== "") return;
    // TODO...
  }
}
...