Express+Socket.io 'Access-Control-Allow-Origin'问题,求帮忙

1.后端socket.io配置

//app.js文件部分代码...
app.use(function (req, res, next) {
  const origin = req.headers.origin
  if (typeof origin === 'undefined') {
    // No Cross Origin redirect
    res.header('Access-Control-Allow-Origin', '*')
  } else if (
    (origin.indexOf('http://localhost')) === 0 ||
    (origin.indexOf('http://172.16.') === 0) ||
    (origin.indexOf('http://192.168.1.') === 0) ||
    (origin.indexOf('http://admin.anguer.com') === 0) ||
    (origin.indexOf('http://chat.anguer.com') === 0)
  ) {
    res.header('Access-Control-Allow-Origin', origin)
    res.header('Access-Control-Allow-Credentials', 'true')
  } else {
    res.header('Access-Control-Allow-Origin', 'http://localhost')
  }
  res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT, DELETE')
  res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept, Accept-Encoding, X-Access-Token')

  next()
})
// bin/www
const app = require('../src/app')
const http = require('http')
app.set('port', 12345)
const server = http.createServer(app)

const _io = require('socket.io')(server)
_io.set('transports', ['websocket', 'xhr-polling', 'jsonp-polling', 'htmlfile', 'flashsocket']);
_io.set('origins', '*:*');
_io.of('/socket-server').on('connection', function (socket) {
  // do something...
})

2.前端连接

const socket = io('domain.com:12345')

3.错误信息

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

阅读 8.2k
2 个回答

解决方案:为socket.io 配置新的端口

const _io = require('socket.io')(server)
_io.listen(12312)

跨域的问题

const express = require('express');
const app = express();

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By",' 3.2.1');
    next();
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题