@vladimirStrgnv

При использовании sse получаю ошибку ("text/html") that is not «text/event-stream». Aborting the connection. Связано ли это с ngrok?

При использовании ngrok получаю ошибку EventSource's response has a MIME type ("text/html") that is not "text/event-stream". Aborting the connection. С локальным хостом все работает.
Исходники сервера :
const express = require('express')
const cors = require('cors');    
const app = express();
const port = 3000;

var corsOptions = {
    origin: 'http://example.com',
    optionsSuccessStatus: 200 
}

app.get('/', cors(corsOptions),  (req, res) => {
  console.log('Client connected')
  res.setHeader('Access-Control-Allow-Credentials', true)
  res.set('Access-Control-Allow-Origin', '*')
  res.set('Access-Control-Allow-Methods', 'GET, OPTIONS')
  res.setHeader('Content-Type', 'text/event-stream')

  const intervalId = setInterval(() => {
    const date = new Date().toLocaleString()
    res.write(`data: ${date}\n\n`)
  }, 1000)

  res.on('close', () => {
    console.log('Client closed connection')
    clearInterval(intervalId)
    res.end()
  })
})

app.listen(port, () => {
  console.log(`Server running on port ${port}`)
})


Исходник клиента :
const es = new EventSource('https://e640-77-95-90-50.eu.ngrok.io');

function udateMessage (message) {
  const list = document.getElementById('messages');
  const item = document.createElement('p');
  item.textContent = message
  list.appendChild(item)
}
es.onmessage = function(event) {
  console.log(event.data);
  udateMessage(event.data)
}

const btn = document.querySelector('.btn');
btn.addEventListener('click', function (){
                                                               
});

Почему он content type приводит к text/html
  • Вопрос задан
  • 155 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы