40 lines
788 B
Vue
40 lines
788 B
Vue
<template>
|
||
<div>
|
||
<h1>SSE数据：</h1>
|
||
<ul>
|
||
<li v-for="message in messages" :key="message.id">{{ message.data }}</li>
|
||
</ul>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
name: "SSE.vue",
|
||
data(){
|
||
return{
|
||
message:''
|
||
|
||
}
|
||
},
|
||
methods:{
|
||
longConnect(){
|
||
const eventSource=new EventSource('http://61.240.140.173:9999/sse?message="fine"')
|
||
eventSource.onmessage=function (event){
|
||
const result= event.data;
|
||
console.log('receive:',result)
|
||
}
|
||
eventSource.addEventListener('message', (event) => {
|
||
this.messages.push({ id: Date.now(), data: event.data });
|
||
console.log( event.data)
|
||
});
|
||
}
|
||
},
|
||
mounted() {
|
||
this.longConnect()
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style> |