Socket.io: CORS

같은 오류

@Kenzku @thEpisode 어떤 버전의 socket.io를 사용하고 있습니까?

2.x 에서 수정되어야 합니다(https://github.com/socketio/engine.io/pull/452 포함).

안녕하세요 @darrachequesne 답변 감사합니다. 저는 Crawler Site(https://www.crawlersite.com)의 작성자이며 Socket.io를 사용하여 데이터를 서버로 보내고 모든 인프라는 Microsoft Azure에 있으며 모든 테스트 및 첫 번째 베타 테스터는 Azure를 사용하며 우리는 문제는 없지만 새로운 베타 테스터는 다른 클라우드 서비스 공급자를 사용하고 버그를보고했습니다. 문제는 CORS입니다. Google에서 모든 질문을 읽습니다!! 검색 솔루션에서 Socket.io가 2.0(서버에서 정확히 2.0.1)으로 업데이트되었음을 ​​확인하고 클라이언트와 서버를 업데이트하지만 문제가 지속되며 CORS 문제도 보고한 Express를 사용하여 해결했습니다.

Google의 모든 솔루션이 문제를 해결하지 못했기 때문에 매우 당황스럽습니다. GitHub 문제 또는 StackOverflow에 이것을 게시하지 않은 점에 대해 유감스럽게 생각하지만 가능한 모든 세부 정보를 제공하여 문제를 해결하고 싶습니다. 테스트할 일부 URL:

백 엔드 URI: http://crawlerbackend.azurewebsites.net
Express CORS 테스트: https://testcors.000webhostapp.com (이 호스팅은 테스터가 사용함)
Socket.io CORS 테스트: https://testcrawlersite.000webhostapp.com (콘솔 참조)
테스트할 기본 사이트: http://crawler-test.azurewebsites.net (새 수정 사항이 있는 경우에도 손상됨)
Socket.io 파일: http://crawlerbackend.azurewebsites.net/socket.io.js

app.js의 일부:
`
var 경로 = 요구('경로');
var bodyParser = require('본체 파서');
var cors = require('cors');
var 표현 = 요구('표현');
var 앱 = 익스프레스();

// use body parser so we can get info from POST and/or URL parameters
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
app.use(bodyParser.json()); // support json encoded bodies
app.use(cors({ origin: '*' }));
// Settings for CORS
app.use(function (req, res, next) {

    // Website you wish to allow to connect
    res.header('Access-Control-Allow-Origin', '*');

    // Request methods you wish to allow
    res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

    // Request headers you wish to allow
    res.header('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', false);

    // Pass to next layer of middleware
    next();
});

var server = app.listen(cross.NormalizePort(process.env.PORT || 3500));
var io = require('socket.io').listen(server, {
    log: false,
    agent: false,
    origins: '*:*',
    transports: ['websocket', 'htmlfile', 'xhr-polling', 'jsonp-polling', 'polling']
});

`

문제 해결!! @Kenzku는 이 문서를 검토하십시오: https://github.com/socketio/socket.io/blob/master/docs/API.md#serveroriginsvalue 및 코드: https://github.com/socketio/socket.io /blob/master/lib/index.js#L67 및 Express를 사용하는지 확인합니다(이 예제는 매우 유용합니다): https://github.com/socketio/socket.io#in -conjunction-with-express

엄청난! 이제 문제를 종료할 수 있습니다.

@theEpisode 나는 이것이 오래된 스레드라는 것을 알고 있지만 그 마지막 링크가 나를 위해 app.listen(...) 있지만 socket.io 를 사용하는 경우 index.js http.listen(...) 를 호출하고 다음을 듣지 않도록 해야 합니다. app 개체를 사용하지 않으면 이 CORS 문제가 발생합니다. 그런 작은 일!

@frewinchristopher 위에서 언급한 것과 동일한 패턴을 따르고 있습니다. 로컬에서는 제대로 작동하지만 원격에서는 발생합니다(이유: CORS 요청이 성공하지 못했습니다). 내가 어디 잘못했어..?

@gowthamyaal 코드를 보여주시겠습니까?

걱정해 주셔서 감사합니다. 하지만 AWS를 사용하면서 탄력적 IP 및 로컬 IP와 충돌이 발생하여 CORS 문제를 해결했습니다. 나중에 소켓 수신 IP를 0.0.0.0으로 변경하여 문제를 해결했습니다.

이제 원격에서 경쟁 조건 문제에 직면하여 webpack-dev-config를 사용하고 있습니다. io connect를 사용하고 동일한 파일에서 코드를 내보내려고 했지만 정의되지 않은 오류가 발생했습니다.

웹팩 개발 구성

클라이언트 소켓 코드
;)

주석이 달린 줄이 저에게 효과적이었습니다. ... 누구든지 이것으로 나를 도울 수 있습니다. ... 미리 감사드립니다.