您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-08-31 15:40:41浏览:29作者:猪猪

问题描述

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/wwwconst 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.

问题解答

回答1:

跨域的问题

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();});

标签: JavaScript
相关文章: