盡管運(yùn)行 cors 庫，但我還是遇到了跨源標(biāo)頭錯(cuò)誤，或者只是在控制臺(tái)中輪詢時(shí)未找到 404。項(xiàng)目結(jié)構(gòu)如下所示我的目標(biāo)是在每個(gè)視圖上都有小聊天小部件。我會(huì)將其作為 EJS 部分包含到其他視圖中。我不確定我出了什么問題，我嘗試在端口 5000 上運(yùn)行 Express，在 8080 或 3000 上運(yùn)行 Socket IO，所有不同的組合都沒有產(chǎn)生任何好處。前端部分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個(gè)服務(wù)器還是2個(gè)實(shí)例，我一直認(rèn)為socket IO借用了http服務(wù)器，而不是express實(shí)例。謝謝你的協(xié)助。我可能會(huì)補(bǔ)充說，當(dāng)我嘗試在 2 個(gè)不同的端口上運(yùn)行時(shí)，會(huì)出現(xiàn)跨源錯(cuò)誤。否則我會(huì)在控制臺(tái)中找不到 404。頁面以及部分和初始 JS(Jquery) 運(yùn)行。
Socket IO 和 Express Cross origin 錯(cuò)誤或控制臺(tái)中未找到 404 錯(cuò)誤
一只甜甜圈
2023-12-14 16:25:17
