Javascript中的套接字IO错误：“CORS策略已阻止从源'null‘访问XMLHttpRequest”
在JavaScript中，套接字IO错误"CORS策略已阻止从源'null'访问XMLHttpRequest"通常是由浏览器的同源策略引起的。同源策略是一种安全机制，用于防止跨域请求，即在不同域名、端口或协议之间进行的网络请求。
当使用XMLHttpRequest或Fetch API等方式从JavaScript代码中发起跨域请求时，浏览器会发送一个预检请求（OPTIONS请求）到目标服务器，以确定是否允许跨域请求。如果服务器未正确配置CORS（跨域资源共享）策略，浏览器会拒绝该请求，并抛出"CORS策略已阻止从源'null'访问XMLHttpRequest"错误。
解决这个问题的方法有以下几种：
- 服务器配置CORS策略：在服务器端设置响应头，允许特定的域名、端口或协议进行跨域请求。具体的配置方法因服务器而异，请参考相应服务器的文档或开发者指南。
- JSONP（JSON with Padding）：JSONP是一种绕过同源策略的方法，通过动态创建<script>标签来加载跨域的JavaScript代码。但是，JSONP只支持GET请求，并且需要服务器端支持JSONP格式的响应。
- 使用代理服务器：可以在自己的服务器上设置一个代理，将前端的请求发送到代理服务器上，再由代理服务器转发请求到目标服务器。这样可以避免浏览器的同源策略限制。
- WebSocket：如果需要在浏览器中进行实时通信，可以考虑使用WebSocket协议，WebSocket不受同源策略的限制。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云CORS配置文档：https://cloud.tencent.com/document/product/436/13318
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
- 腾讯云WebSocket服务：https://cloud.tencent.com/product/tcws
相关·内容
根据我在基本javascript客户机上读取和测试的内容，我可以在我的角客户机中传递额外的标头，然后在socket.handshake中的NodeJs服务器上使用它。但是我不确定我错过了什么或者我做错了什么，因为下面的代码没有创建
async socketInit() {
this.client = io(`${environment.socketUrl}`, {
transportOptions: {
polling: {
extraHeaders: {
Authorization: "Bearer authorization
浏览 0提问于2019-06-28得票数 1
我有一个问题:我通过Kubernetes部署Hyperledger Explorer (连接到我的Fabric网络)，并通过入口连接到它的ui。在除Safari之外的任何浏览器上，浏览器都没有问题，但是在safari上，登录后，我在浏览器的控制台中有一个空白页面和以下错误：
[Error] Refused to connect to wss://[MYURL] because it appears in neither the connect-src directive nor the default-src directive of the Content Security Policy.
浏览 8提问于2021-02-12得票数 1
当我试图连接到套接字时，我遇到了一个大问题。当我在本地启动服务器并正确设置CORS时，我必须使用这个url wss://socketio-chat-h9jt.herokuapp.com：
const io = require('socket.io')(server, {
cors: {
origin: "http://localhost:4200",
methods: ["GET", "POST"]
}
});
效果很好。不幸的是，我不得不使用这个特定的URL。当我在服役时改变它：
so
浏览 7提问于2022-05-26得票数 0
我们使用CORS来允许所有的来源
app.use(cors());
服务器运行在端口4000上，客户端运行在3000上。
这是我的server.js代码
const cors = require("cors");
const http = require("http");
const socketIO = require("socket.io");
app.use(cors());
const port = process.env.PORT || process.env.DEFAULT_PORT;
console.log("port:
浏览 4提问于2019-11-18得票数 0
1回答
当我连接io.on函数时，我面临一个问题(非常沮丧)。我遵循一个youtube教程()，其中一个聊天应用程序是使用节点js和socket创建的。教程中的代码和我的完全相同(检查了100次)，但是我的代码不起作用。
服务器端代码
//Node server
const io=require('socket.io')(3000);
const users={};
io.on('connection', socket=>{
console.log("hi");
socket.on("new-user-joined"
浏览 5提问于2022-05-17得票数 0
回答已采纳
我有主要网站索引的分析网站。早些时候，我在上使用了PHP，但现在我尝试在上的nodejs中实现它，但我有一个问题。
从url获取文本文件中的数据对php没有任何问题，但是当我尝试使用JavaScript时，CORS策略会出现问题。
我的代码是：
function getText(){
var request = new XMLHttpRequest();
request.open('GET', 'https://www.webcoder.sk/config/devices.txt', true);
浏览 1提问于2019-08-12得票数 0
回答已采纳
我正在尝试使用本地客户端测试一个简单的socket.io示例。下面是我的代码：
服务器：
var sio = require('socket.io');
var io = sio.listen(8077, {log: false});
io.sockets.on('connection', function (socket) {
console.log('connection detected');
socket.on('hello', function(data){
console.log(&#
浏览 0提问于2012-07-29得票数 4
我有一个web方法，我想从我的C#应用程序中调用它，并提供了一个Javascript示例，展示了如何调用该方法。我已经确定，从我的桌面运行Javascript会遇到CORS问题-当我将javascript放在服务器上并从与web方法相同的文件夹中运行时，我能够运行示例。
我的C#应用会遇到同样的CORS问题吗？或者这是可以的，因为只有浏览器有内置的CORS安全性？
-编辑--
我一直在使用System.Net.Http.HttpClient和
我假设这两个对象是web浏览器的包装器，对吗？他们会有CORS的问题吗？我真的不想写Sockets代码。
浏览 0提问于2017-06-01得票数 0
1回答
我正在运行的角度9项目连接到消防基地。
我和CORS有问题，我有两个方案：
1.从我的防火墙数据库请求图像Url
ERROR: Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com .... from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resour
浏览 2提问于2020-04-10得票数 0
1回答
我有一个简单的socket.io应用程序，它在本地运行良好，它也成功地安装在亚马逊网络服务服务器上使用plesk管理仪表板，但当我连接到应用程序时，我总是得到禁止的{"code":4,"message":"Forbidden"}。入口点似乎工作得很好， ..你知道它会出什么问题吗？
前端代码
import io from 'socket.io-client'
const socket = io('https://messages.entermeme.com', {
transports: ['poll
浏览 0提问于2020-07-30得票数 1
我在将Content-Type设置为image/png时，通过PUT请求从本地主机将文件上传到时遇到CORS错误
Access to XMLHttpRequest at 'https://storage.googleapis.com/{{BUCKET_NAME}}/folder/image.png?Expires=1542676226&GoogleAccessId=XXXX&Signature=YYYY' from origin 'http://localhost:3000' has been blocked by CORS policy: No
浏览 1提问于2018-11-20得票数 1
我正在尝试将Javascript和Javascript客户机与socket.io连接起来。当我在浏览器上看到调试器时，它看起来像是正在接收数据，但我得到了这个错误：“原因: CORS头的访问控制-允许-原产地‘缺失”，而且我无法在客户端打印数据。
import...
public class MeuServerSocket {
//initialize socket and input stream
private Socket socket = null;
private ServerSocket server = null;
private DataInp
浏览 0提问于2019-09-14得票数 1
回答已采纳
2回答
这个url是在AWS网关中使用方法get和stage很好地部署。我启用了CORS跟踪。
这里是我的步骤，以启用CORS。
-资源->操作->启用CORS->默认设置->enable CORS并替换CORS标头。CORS结果中没有错误日志。
我不是一个专业的网页开发人员，我的浏览器是safari。
这是我查询"“的代码
function request(idex) {
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = function() {
if (xmlHttp.s
浏览 4提问于2016-11-19得票数 2
回答已采纳
因此，我正在尝试构建一个应用程序，它使用socket.io进行消息传递，并使用快速路由来处理常规的http请求。问题是对这些路由的http调用没有发生，我得到了一个socket.io错误，如下所示 {
"code": 0,
"message": "Transport unknown"
} 我实现express服务器和socket.io的方式是 app.use(express.json());
app.use(
cors({
origin: FRONTEND_CORS,
})
);
/
浏览 146提问于2021-11-18得票数 0
我在OIDC反向代理后面有一个web应用程序--换句话说，当我访问这个应用程序时，我被重定向到我的身份提供者，我登录，我的浏览器设置了一个cookie，用于随后的请求，以证明我已登录。
此cookie设置了标志，据我所知，这是防止XSS漏洞被恶意网站利用的最佳实践。
但是，正如预期的那样，我的应用程序中的Javascript无法访问登录cookie，因此在我的浏览器控制台中，我看到请求被重定向到我的身份提供者(并被CORS策略阻止)，因为它们没有访问登录cookie的权限。
这是否意味着这样的架构不能使用Javascript调用应用程序？
在这种情况下禁用HTTPOnly标志以允许Ja
浏览 0提问于2020-12-02得票数 0
回答已采纳
我正在尝试构建一个客户端服务器，其中来自用户的网络摄像头的实时视频流将使用浏览器中的getUserMedia()捕获，并使用Socket.IO发送到后端flask服务器，然后flask服务器将处理帧并将其实时发送回浏览器。我试图从How to stream live video frames from client to flask server and back to the client?实现代码，并做了一些修改，但错误一直显示在控制台中 Access to XMLHttpRequest at 'http://127.0.0.1:5000/socket.io/?EIO=3&
浏览 42提问于2021-01-19得票数 1
1回答
我已经将我的项目更新为.net核心2.2，似乎CORS正在制造2.1中没有的问题。
我在这个网址上运行我的应用程序：http://*:5300
我在Startup.cs中添加了这段代码
public void ConfigureServices(IServiceCollection services)
{
...
services.AddCors(options =>
options.AddPolicy("MyPolicy", builder =>
{
浏览 0提问于2018-12-26得票数 7
回答已采纳
1回答
我试图将客户端连接到服务器套接字，并得到了这个错误。
Access to fetch at 'http://localhost:9999/socket.io/?EIO=4&transport=polling&t=NTQGzyP&b64=1' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resour
浏览 0提问于2021-01-31得票数 1
回答已采纳
我正在尝试建立一个简单的聊天应用程序。我使用create-react-app作为前端，并尝试将socket.io与Strapi服务器集成。我的create-react-app服务器在端口3000上运行，而Strapi本地服务器在端口1337上运行。 我已经使用这个命令安装了starpi yarn create strapi-app chat-app，并手动选择了mongodb作为数据库。 在React应用程序中收到此错误： ? 代码 在我的React组件上，我有以下内容： import io from 'socket.io-client';
const socket
浏览 51提问于2020-11-09得票数 0
我遇到了一个问题，当我的React应用程序在它加载的每个页面上输出相同的ID时，当我在应用程序中更改路径时，作为后端Node.js Socket.io服务器输出多个客户机ID.
服务器：
const io = new Server(httpServer, {
cors: {
origin: "http://localhost:3000",
},
});
io.on("connection", (socket) => {
console.log("client connected: ", socket.id);
so
浏览 9提问于2022-09-25得票数 0
我有一个服务器托管在Heroku。此外，客户端(React)托管在Vercel中。这个组合很完美！但是，出于我的好奇心，我试着用Vercel主持服务器端脚本。然后，当我试图连接到Vercel托管-服务器时，客户端将返回此错误Access to XMLHttpRequest at 'https://socketio-vercel.vercel.app/socket.io/?EIO=4&transport=polling&t=NVeP_Ax' from origin 'http://localhost:3000' has been blocked b
浏览 3提问于2021-02-28得票数 1
回答已采纳
我有一个不同设备想要连接到的socket.io服务，因此，对我来说非常重要的是，我的socket.io服务允许所有起源(即使客户机没有在头中设置任何源)连接到它，这是我的io (服务器端)：
const server = http.createServer(app); // app is express app
const io = require('socket.io')(server,{
allowEIO3: true,
cors: {
origin: '*',
credentials: true
},
浏览 15提问于2022-07-12得票数 -1
WebAppSec世界中的任何人都熟悉CORS作为一种机制，用于在允许javascript对不同域进行API调用时指定策略。随着WebAssembly (一种在2019年标准化的二进制web语言；webassembly.org，维基百科/网络大会)的流行，我很好奇我的CORS:Javascript知识是否干净地转移到CORS: Wasm，或者CORS是否有不同的行为和与Wasm之间的“陷阱”？
例如，从Mozilla文档：
跨源资源共享多次提到javascript，但没有提到javascript。
从文档来看，CORS似乎适用于浏览器API XMLHttpRequest和取API，我不知道这些
浏览 0提问于2021-02-25得票数 4
1回答
我正在尝试将socket.io实现到一个react应用程序中。我一直在跟踪文档，但是我很难获得“两个浏览器窗口”或“模拟两个设备”来相互通信。
我所拥有的实现是有效的，但是当我向服务器发出更改时，它只是在进行更改的窗口或设备上被选中，而其他客户端没有看到发出。
有谁能告诉我哪里出了问题，以及我如何才能让其他客户拿起这些变化？
server.js
const server = require("http").createServer();
const io = require("socket.io")(server, {
cors: {
o
浏览 8提问于2021-11-17得票数 0
回答已采纳
这是我的first.py文件。
from flask import Flask
from flask_socketio import SocketIO,send
app=Flask(__name__)
app.config['SECRET_KEY']='myscret'
socketio=SocketIO(app)
@socketio.on('message')
def handlemessage(msg):
print('Message:'+msg)
send(msg,broadcast=True)
浏览 1提问于2020-05-26得票数 3
1回答
我有一个reactjs项目和node.js项目。现在我需要在我的项目中设置socket.io。但是设置之后，我得到了404错误。我厌倦了使用交叉和其他方法，但我仍然得到同样的404错误。提前感谢
Index.js
const express = require("express");
const port = 3000;
const app = express();
const url = require("url");
var http = require('http').Server(app);
var io = require('s
浏览 0提问于2019-01-11得票数 0
你好，我们正试图在我们已经在工作的应用程序中实现一个聊天功能，这是一个MERN堆栈应用程序，我们选择使用socket.io，因为它非常容易设置和使用，我们设法使它在本地工作，但是当我们部署在我们的dev服务器上聊天不起作用时，我们按照这个socket.io文档来尝试解决我们在本地遇到CORS问题时很好的问题， --这是使用的服务器端代码：
const io = require("socket.io")(http, {
cors: {
origin: "<client web address>",
methods: ["GE
浏览 1提问于2021-06-08得票数 1
回答已采纳
1回答
我正在为RQM (Rational Quality Manager)开发一个OpenSocial小工具(JavaScript语言)，它从门户Web访问(Doors Web Access)获取信息。这个小工具在RQM ()上运行，我想向DWA ()发出请求。
该小工具在IE中运行正常，但当我在Firefox中运行时，我得到以下错误：
> Cross-Origin Request Blocked: The Same Origin Policy disallows reading
> the remote resource at https://<host>:8443/xxx
浏览 5提问于2015-10-01得票数 0
我使用节点和socket.io编写应用程序，这会导致一个错误，从而启用跨源请求。
const io = require("./socket").init(server, {
cors: {
origin: "*",
methods: ["GET", "POST"],
},
});
这是我的soket.io代码..。
let io;
module.exports = {
init: (httpServer) => {
i
浏览 2提问于2021-09-29得票数 0
回答已采纳
1回答
我收到下面的留言
跨源请求被阻止:相同的原产地策略不允许在上读取远程资源。可以通过将资源移动到相同的域或启用CORS来解决这个问题。
我确实试过：
io.set( "origins", "*:*" );
io.sockets.on('connection', function (socket) { });
我错了。
浏览 3提问于2014-10-30得票数 4
Im得到了“预期的赋值或函数调用，而看到了一个表达式”在二次使用效果下出现了错误，它正确地找到了套接字端口，我是否执行了socket.on错误？套接字服务器正确启动，我甚至在index.js中获得控制台日志以输出“用户已连接”。
const [socket, setSocket] = useState(null)
useEffect(() => {
setSocket(io("ws://localhost:8900"))
}, [])
useEffect(() => {
socket?.on("welcome",
浏览 2提问于2022-05-06得票数 0
回答已采纳
我正在尝试使用v2 api从码头集线器获取官方映像列表。如果我尝试做curl或使用postman，我会得到正确的响应，但是当我尝试使用angularjs服务获取列表时，我会得到以下错误
XMLHttpRequest无法加载。请求的资源上没有“访问-控制-允许-原产地”标题。因此，“”源是不允许访问的。
有人能为这个问题提出解决方案吗。我怎样才能启用cors呢？
浏览 4提问于2016-08-29得票数 0
我使用/ EC2实例托管我的后端API服务，如下所示：
我的后端是Nodejs / Express JS，我使用socket.io进行实时消息传递：
const initializeExpress = (): void => {
const app = express();
let http = require("http").createServer(app);
let io = require("socket.io")(http, {
cors: {}
});
io.on("connection&#
浏览 31提问于2022-01-10得票数 1
3回答
我正在使用SpringBootv1.5.1，而且我对CORS原产地的限制似乎不起作用。
我的application.properties文件有以下一行( )。
endpoints.cors.allowed-origins=http://mydomain.io
我的REST控制器如下所示。
@RestController
@CrossOrigin
@RequestMapping("/api/car")
public class CarCtrl {
@Autowired
private CarService carService;
@GetMapping
publ
浏览 1提问于2017-03-10得票数 5
回答已采纳
2回答
Socket.io跨域问题
、、、、
我有一个工作在apache服务器中前端angularJS应用程序(客户端)，它的API调用被发送到在NodeJS中运行的后端应用程序(服务器)。现在，我想在客户端和服务器之间建立一个套接字连接。我正在使用跨域问题的cors npm模块，但它不工作。
关于这一点，我已经看到了几种解决方案，但它们都不适合我。
下面是我的服务器端代码：
var cors = require('cors')
var app = express();
var http = require('http');
app.use(cors({
origin: true,
credentials
浏览 0提问于2017-03-23得票数 0
当使用JavaScript时，XML是否受XMLHttpRequest中相同的域策略的约束？
如何使用Ajax发出跨域请求？
是否将启用的CORS请求应用于XML？
浏览 2提问于2013-03-28得票数 0
回答已采纳
我第一次尝试在我的angular应用中使用web套接字建立连接。但是它不起作用，它取代了url路径。
我的套接字服务
public initSocket(): void {
this.socket = socketIo('http://11.11.11.111/demo-api/status/');
}
错误
Access to XMLHttpRequest at 'http://11.11.11.111/?EIO=3&transport=polling&t=Meccctccu' from origin 'htt
浏览 2提问于2019-04-16得票数 0
我正在使用socket.io和node.js，想知道如何完成以下操作:我有一个简单的表单，它将一个文本字符串发送到服务器，服务器将其发回，然后将其附加到一个div。我想要做的是为所有浏览器中的所有用户更新div，目前它只更新发送消息的那个。
来自app.js (node.js服务器)的代码：
io.sockets.on('connection', function(socket) {
socket.on('send_message', function(data) {
data.message = data.message + ' yo&
浏览 0提问于2011-09-21得票数 7
回答已采纳
后端配置 import express from "express";
import SocketIO from "socket.io";
import http from "http";
import cors from "cors";
const app = express();
app.use(cors());
const server = http.createServer(app);
const io = SocketIO(server);
const PORT = 5000;
io.on("connec
浏览 77提问于2021-01-25得票数 1
我有两个服务来构建Spring应用程序
但我总是遇到这样的问题
Access to XMLHttpRequest at '.../websocket-cr/info?t=1581585481804' from origin'http://localhost:8080'
has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin'
header in the response must not be the wildcard '*'
浏览 2提问于2020-02-13得票数 5
当我试图将我的服务器连接到Socket.io时，我会得到下一个错误。我正在制作一个具有角度和节点的应用程序，这就是我得到的：
Solicitud de orígenes bloqueados: la misma política de origen deshabilita La lectura remota del elemento en‘’。(Razón: La credencial estásoportada si el encabezado CORS‘Access-Control-Permitir Origen’está‘*’)。
URL：
Método de la con谋略:GET
浏览 0提问于2019-05-19得票数 0
回答已采纳
标题说明了一切，我正在努力通过jquery的js函数将json文件中的数据加载到HTML表中，但是json文件中的数据没有加载到表中。我也在使用bootstrap。我收到错误消息，CORS策略阻止了从源'null‘访问'file:///C:/Users/Nuno/Desktop/my%20shit/Faculdade/ITW/trabalho%20lab/info.json’上的XMLHttpRequest :只有以下协议方案才支持跨域请求: http、data、chrome、chrome-extension、chrome-untrusted、https。 JSON： [
浏览 26提问于2020-12-14得票数 0
回答已采纳
1回答
我正在尝试发出一个api REST请求，但我无法与API连接，我尝试了不同的选项，但我可以这样做。
这是我的ts
post(emplead2){
let data = {
"LastName": this.LastName
}
this.proveedor.addStudent(data)
.subscribe(
(data)=>{this.empleados = data;},
(error)=>{console.log(error);}
)
}
这是我的服务
addStud
浏览 2提问于2022-11-05得票数 0
我有两台不同的机器连接到同一个网络。
我想要使用局域网分配的IP地址通过局域网连接，下面是简单的演示
套接字客户端(Reactjs，IP : 192.168.0.103)到Socket Server (Express，IP :192.168.0.114)
问题:获取错误:访问被CORS阻止(尝试了express 'cors‘中间件，但没有解决方案就失败了)
下面是简单的React代码，它工作得很好
import socketClient from 'socket.io-client';
const SocketServer = 'http://192.168.0
浏览 9提问于2022-02-15得票数 0
回答已采纳
我正在尝试向不同的响应组件发出一个msg，并用新值更新所有组件。
服务器：
const express = require('express');
const socketio = require('socket.io');
const http = require('http');
const {addPlayer, removePlayer, getPlayer, getPlayerssInRoom, addRoom} = require('./players');
const cors = require('cors
浏览 3提问于2021-01-31得票数 2
回答已采纳
1回答
我正在尝试使用socket.io创建一个实时聊天。然而，我有困难断开我的聊天应用程序。
前端
constructor(props){
super(props);
this.state={
endpoint: 'localhost:3001'
}
this.socket = socketIOClient(this.state.endpoint);
}
componentDidMount() {
this.socket.emit('join
浏览 7提问于2020-03-31得票数 1
回答已采纳
我试图使用AwaazDe REST 调用Javascript，使用一些用户名和密码。但这是行不通的。这是我的密码
function authenticateUser(user, password)
{
var token = user + ":" + password;
// Should i be encoding this value????? does it matter???
// Base64 Encoding -> btoa
var hash = btoa(token);
浏览 0提问于2017-01-30得票数 0
回答已采纳
2回答
AJAX状态12030
、、、
我正在使用POST方法发送一个ajax XMLHttpRequest。发送请求时，我得到的readyState为4，状态为12030。我知道12030是一个微软特定的状态代码，它表明连接是不持续的。然而，我似乎找不到我的代码会在哪里导致这个错误。如果我在不使用ajax请求的情况下导航到该页面，它可以正常加载。下面是javascript方法和调用线。
AJAX方法
/*Sends ajax request with post data that updates the content view via ajax on completion
* @param message : message a
浏览 1提问于2012-04-25得票数 2
回答已采纳
3回答
我尝试使用axios和vue.js向有效的服务器发送get请求，但我一直获得Access to XMLHttpRequest at 'http://37.152.185.50:8080/hotels/tblisi' from origin 'http://localhost:63342' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.，我尝试设置Content-Type头，但
浏览 1提问于2020-06-05得票数 0
每当我的页面加载时，我都会向跟踪像素发送一个XMLHttpRequest。
它正在获得一个200响应代码，但我可以看到在开发工具中状态显示CORS error的位置。
我的请求是否仍被发送，但由于CORS错误，我无法看到响应？
因为它只是一个跟踪像素而不是API，所以我不需要得到响应，只需要确保URL被击中。
浏览 2提问于2022-08-21得票数 -1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
