盡管運行 cors 庫，但我還是遇到了跨源標頭錯誤，或者只是在控制臺中輪詢時未找到 404。項目結構如下所示我的目標是在每個視圖上都有小聊天小部件。我會將其作為 EJS 部分包含到其他視圖中。我不確定我出了什么問題，我嘗試在端口 5000 上運行 Express，在 8080 或 3000 上運行 Socket IO，所有不同的組合都沒有產生任何好處。前端部分EJS看起來像這樣<ul id="messages"></ul><form action="/" method="POST" id="chatForm"><input id="txt" autocomplete="off" autofocus="on" oninput="isTyping()" placeholder="type your message here..." /><button>Send</button></form>前端頁面的其余部分如下所示 <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.4/socket.io.js" integrity="sha512-aMGMvNYu8Ue4G+fHa359jcPb1u+ytAF+P2SCb+PxrjCdO3n3ZTxJ30zuH39rimUggmTwmh2u7wvQsDTHESnmfQ==" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><style> etcetc<%- include ('./partialChatWidget.ejs') %>還有JS<Script> var socket = io.connect('http://localhost:5000', { transport : ['websocket'] } );$('form').submit(function(e){ e.preventDefault(); socket.emit('chat_message', $('#txt').val()); $('#txt').val(''); return false;});socket.on('chat_message', function(msg){ $('#messages').append($('<li>').html(msg));});socket.on('is_online', function(username) { $('#messages').append($('<li>').html(username));});var username = prompt('Please tell me your name');socket.emit('username', username);</script>那么這里出了什么問題，我需要在不同端口上有2個服務器還是2個實例，我一直認為socket IO借用了http服務器，而不是express實例。謝謝你的協助。我可能會補充說，當我嘗試在 2 個不同的端口上運行時，會出現跨源錯誤。否則我會在控制臺中找不到 404。頁面以及部分和初始 JS(Jquery) 運行。
Socket IO 和 Express Cross origin 錯誤或控制臺中未找到 404 錯誤
一只甜甜圈
2023-12-14 16:25:17
