electron websocket服务 连不上

最新推荐文章于 2024-07-15 11:08:06 发布
最新推荐文章于 2024-07-15 11:08:06 发布
阅读量1.9k 收藏 1
点赞数
分类专栏： electron js vue 文章标签： electron websocket vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ansinyu/article/details/120867184
版权
vue 同时被 3 个专栏收录
5 篇文章 0 订阅
订阅专栏
js
2 篇文章 0 订阅
订阅专栏
electron
1 篇文章 0 订阅
订阅专栏

electron win32应用，写了一个打印组件，通过websocket通信。

前端vue连不上socket，报错
Access to XMLHttpRequest at ‘http://127.0.0.1:18099/socket.io/?EIO=3&transport=polling&t=NoJMJCk’ from origin ‘http://wms.njhjx.com’ has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space local.

但是在我自己的机器上是可以正常通信的，查了一下，遇到这种情况需要设置浏览器的一个属性。

以chrome浏览器为例：
chrome://flags/#block-insecure-private-network-requests

Block insecure private network requests.
设置为 Disabled

重启浏览器，问题解决

||一见生财||
关注
专栏目录
electron 主进程中使用websocket与java服务端通信
梦一样的博客，神话般的感觉
12-01 2839
客户端： electron-vue+elementui 开发工具：WebStorm electron:11.0.3 vue:2.5.16 element-ui:2.14.1 服务器: netty+websocket+spring 开发工具:IdeaJ netty:4.1.53.Final spring:5.1.10.RELEASE 废话不多说，对于程序员来讲。直接看代码比长篇大论的来的快，看的明白，更直观。关键的地方我会另行说明。 服务端： pom.xml <?xml version=".
排查WebSocket连接不稳定的问题
甘蓝的专栏
11-24 5201
项目中遇到的WebSocket连接总是不稳定的问题，记录分析过程及解决办法。
vue,vue-electron的WebSocket.js的封装
汤玉鹏
01-05 1961
WebSocket.js import store from '../store' //vuex import config from './config' //配置文件 export default { ws: null, websocket: false, conditions: '', time: 5000,//发心跳时间 WebSocketFn: function (fn) { //连接长连接 // this.ws = new WebSoc
electron-egg webSocket使用封装
最新发布
GuanZhong12345的博客
07-15 370
【代码】electron-egg webSocket使用封装。
WebSocket 连接失败的原因及解决方法
LiamHong_的博客
06-25 8264
目前已经成为了一项极为重要的技术，其允许客户端和服务器之间进行实时、全双工的通信。然而，在实际项目中，开发者时常会遇到 WebSocket 连接失败的情况。这不仅影响了用户体验，还可能导致不可预见的系统错误或数据丢失。那么，造成 WebSocket 连接失败的原因有哪些？又该如何解决这些问题呢？本文将逐一分析常见的 WebSocket 连接失败原因，并提供详细的解决方案。
Electron + WebSocket 通信
热门推荐
qq_37159708的博客
07-03 1万+
Electron + WebSocket 通信 描述 本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子。 项目结构 main.js：程序入口文件 websocket.html：web视图 websocket.js ：Websocket通讯脚本 技术 Node.js os 模块 提供基本的系统操作函数。 ( 参考：Node.js 工具模块 ) 引入： var os = require("os"); 属性 属性 描述 os.E
electron中实现一个websocket服务器接收python端发送的数据
weixin_44014982的博客
05-30 1146
electron中实现一个websocket服务器接收python端发送的数据
electron构建websoket服务
qq_40472157的博客
07-03 1063
【代码】electron构建websoket服务。
electron websocket 断线重连 防重复连接 封装
05-19
以下是一个简单的 Electron WebSocket 断线重连和防重复连接的封装示例： ```javascript const WebSocket = require('ws'); class ReconnectingWebSocket { constructor(url) { this.url = url; this.ws = null...
react-electron-webpack:react-electron-webpack-Node.js-websocket的实践
05-06
电子快速启动 ...要克隆和运行此存储库，您需要在计算机上安装和 （ 随附）。 在您的命令行中： # Clone this repository git clone https://github.com/electron/electron-quick-start # Go into
Electron笔记二：http与websock的实现
bestyellow的专栏
07-27 3367
接上笔记一 # 克隆示例项目的仓库 C:\Temp\demo1\> git clone https://github.com/electron/electron-quick-start 生成如下文件 1.改造main.js文件 快速electron-quick-start const {app,electron,BrowserWindow} = require('electron') const path = require('path') functi...
private-chatting:使用WebSocket和Electron建立聊天室
05-25
使用 websocket 和 electron 搭建一个跨全平台的聊天软件 一、websocket 1、发展史 说起 websocket 的由来，就必须得说到轮循、长轮循、长连接。 轮询 轮询，也叫 短轮循，是指由浏览器每隔一段时间向服务器发出 HTTP 请求，然后服务器返回最新的数据给客户端。 最开始，很多网站为了实现推送技术，所用的技术都是轮询。 但是很明显，持续不断的请求在用户数量上去后，轮循也会产生很多无效的请求，会给服务器带来巨大的压力。 长轮循 长轮循 是指服务器收到客户端发来的请求后，不立即进行响应，而是先将这个请求挂起，然后判断服务器端数据是否有更新。若有数据更新，则进行正常返回响应，如果一直没有数据更新，则到达服务短指定的时间限制后才返回。 比起轮循，长轮循可以减少大量的无效请求，但是问题是，即便是挂起，也会消耗资源，在用户数量多了后，同样会使得服务器压力巨大。 长连接
electron桌面应用webSoket实时弹框提示实现
lemon今天学习了吗？的博客
11-21 1915
1、当有弹框提示的情况时，会弹出如下提示，点击查看自动跳转到当前地址，点击关闭则关闭当前提示窗口；一、实现效果：网页端或者移动端进行了审核操作，在电脑右下角提示用户查看。3、在src文件夹下新建remind.html实现提示弹框具体内容；1、在主进程main.js中创建弹框，并确定弹框的位置；3、在登录成功后使用webSoket实时监听消息；4、主进程收到消息后触发提示弹框展示；2、登录成功后获取实时信息弹框提示；4、综上所述，即可完成桌面提示功能。2、编写弹框内容和样式；
electron获取元素xpath、pc端网页展示获取到的xpath、websocket给两端传值
siwangdexie_copy的博客
02-04 1424
在传值上先后试过 mqtt、url+localstorage，mqtt因为延时，导致获取以后不能马上看到赋值，pass，url+localstorage就是electron app 通过打开一个新链接的方式跳转到pc，这样会每次打开一个新链接，并且涉及到要一直判断什么时候该保存，什么时候该清空，体验不太好，所以最后选择websocket。b.拦截加载页面的原生点击事件；（因为我的需求设计是，pc端每次想要获取的时候，都可以唤醒electron app，所以需要这个，如果没有这部分的需求，这段就没必要加了）
在electron-vue项目中使用websocket和vue中的provide及inject实现在线离线状态的检测
DLGDark的博客
03-09 3571
实现思路： 先通过在APP.vue根组件中去全局创建websocket连接到服务器，通过服务器推送的那内容来区分在线或离线，拿到内容并判断出状态后，再通过provide和inject通信方式将状态值传送到需要显示在线或离线状态的页面组件中并显示即可。 官方文档：provide / inject引用 提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。 核心代码： APP.vue根组件： //APP.
个人记录备份一下vue+electron+vue-cli-plugin-electron-builder/lib 桌面项目 同时启动web服务器让和WebSocket服务器
yanghao123202的博客
10-12 442
2：vue+electron，electron中集成web服务器给pad通过局域网访问，集成WebSocket服务器，直接大屏运行electron的exe文件，pad通过ip访问web服务器，不用部署，直接exe文件运行。1：vue项目 使用nodejs后台，启动WebSocket，pad和大屏通过WebSocket通讯，项目部署到触摸大屏上，pad访问局域网，两台设备都需要通过浏览器来访问，需要现场操作部署。vue.config.js 配置文件。路径设置为 ./ 供web服务器使用。
Electron安全防护实战：应对常见安全问题及权限控制措施
与墨的编程成长历程
03-31 1646
构建安全的 Electron 应用是一项系统工程，涉及权限管理、内容安全、更新流程、硬件权限控制、第三方模块选择、数据加密、进程间通信安全、敏感信息保护以及应用启动自检等多个层面。通过深入理解并积极应对上述常见安全问题，结合文中提供的实战代码示例和最佳实践，开发者能够有效地提升 Electron 应用的安全性，为用户打造一个既功能丰富又安全可靠的桌面应用环境。持续关注安全动态：及时了解并应对新的安全威胁和漏洞，定期更新依赖，运用安全工具进行项目审计。实施纵深防御。
websocket断线重新连接
walaw11的博客
12-08 739
【代码】websocket断线重新连接。
electron 跨域通信
原鑫的个人博客
05-05 2009
案发现场 背景 electron 相信大家并不陌生，很多应用都是通过 electron内嵌了一个盒子，生成客户端，这导致electron 和html页面通信极其困难，并且ipcRenderer，ipcMain 和webContents.send并不好用。这时候，骚操作出现了！ 解决办法 在static中写一个js，然后通过ipcRenderer去执行， 而我们的另一端也就是写html的那部分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值