Question

我不断收到此GET /socket.io/?EIO=3&transport=polling&t=MfRfeJD 404 4.438 ms-149错误，我不知道它从哪里来。

我正在尝试使用react，socket.io和express将实时聊天集成到我的应用程序中，而我一直通过套接字收到此未发现的错误。我不确定问题出在客户端还是服务器端。似乎正在尝试不断轮询服务器，但又找回了404。听起来好像socket.io没有运行，但对我而言一切正常。它也可能与路径有关，但我真的不知道。我曾尝试向io添加不同的路由，例如“ http://localhost:5000/”，但仍然找不到套接字。

我显示页面，单击发送消息时出现，但我无法连接套接字。

在app.js中

    const express = require('express');

  const http = require('http')
    const bodyParser = require('body-parser')
    const socketIo = require('socket.io')

    var app = express();
    const server = http.createServer(app)
    const io = socketIo(server)

    var PORT = process.env.PORT || 5000;

    app.post('/', (req, res) => {
      const { Body, From} = req.body
      const message = {
        body: Body,
        from: From.slice(8),

      }
      io.emit('message', message)
      res.send(`
               <Response>
                <Message>Thanks for texting!</Message>
               </Response>
               `)
    })

    io.on('connection', socket => {
      socket.on('message', body => {
        socket.broadcast.emit('message', {
          body,
          from: socket.id.slice(8)
        })
      })
    })

    server.listen(PORT);

在Chat.js中

    import React from "react";
    import io from "socket.io-client";



    class Chat extends React.Component {
        constructor (props) {
          super(props)
          this.state = { messages: [] }
        }

        componentDidMount () {
          this.socket = io('http://localhost:5000/')
          this.socket.on('message', message => {
            this.setState({ messages: [message, ...this.state.messages] })
          })
        }

        handleSubmit = event => {
          const body = event.target.value
          if (event.keyCode === 13 && body) {
            const message = {
              body,
              from: 'Me'
            }
            this.setState({ messages: [message, ...this.state.messages] })
            this.socket.emit('message', body)
            event.target.value = ''
          }
        }

        render () {
          const messages = this.state.messages.map((message, index) => {
            return <li key={index}><b>{message.from}:</b>{message.body} </li>
          })
          return (
            <div>
               <h1>Admin Chat</h1>
              <input type='text' placeholder='Enter a message...' onKeyUp={this.handleSubmit} />
              {messages}
            </div>
          )
        }
      }



export default Chat;

Answer 1

404显然没有这样的页面

149将是失败的行号，您正在导入其他代码，因此它可以在第149行存在的任何其他代码上

i do see a maybe in app.js and the path 
 "app.post('/', (req, res) => {"        Refers to an absolute path
     try changing "http://localhost:5000/" 
       to "http://localhost:5000" or "http://localhost/:5000"

它看起来像是最后的“ /”将5000放置在路径而不是端口中

---编辑---近距离查看GET /socket.io/?EIO=3&transport=polling&t=MfRfeJD

如果chat.js正在客户端上运行，并且连接到http://localhost:5000，则

http://localhost/socket.io/?EIO=3&transport=polling&t=MfRfeJD将是尝试的连接

似乎客户端正在尝试重新连接到自身。

您如何设置客户端/服务器？

如果它们是单独的计算机，则将查找不存在的URL。

socket.io库中发生两种情况。

socket.io连接问题

1 个答案: