create-react-app+webpack下9093端口远程发送socketio

最新推荐文章于 2024-03-27 14:37:57 发布
最新推荐文章于 2024-03-27 14:37:57 发布
阅读量642 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39047764/article/details/80831260
版权

1：修改js页内io监听为192，不够；

2：修改webpackDevServer.config.js里面的proxy为192  不够   本地是没有问题的,本地远程也可以即时发送接收

3：修改webpackDevServer.config.js 中host为0.0.0.0  不够

4：修改const host = process.env.HOST || '0.0.0.0';为const host = process.env.HOST || '192.168.64.101'; 不够

5：redux里面还有一个socket初始化的连接，也必须改成192

出现了ngrok打开极慢的情况，三分钟还不够，才700k的主js文件，host本身改成0.0.0.0  devserver改成127.0.0.1也行

邱家少爷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
socket.io-react-hooks-chat:带有React hooks和Socket.io的实时聊天应用程序
04-28
阅读有关该应用程序的更多信息： 。 现场演示： :
实时聊天：使用Socket.io和Reactjs进行实时聊天
02-15
实时聊天：使用Socket.io和Reactjs进行实时聊天
React用socket.io-client的踩坑记录 socket.io-client 版本兼容问题
最新发布
weixin_68742047的博客
03-27 251
经过各种尝试才发现和服务端的包版本不兼容 目前版本过高了，降低到"socket.io-client": "^2.3.0",就连接建立成功了！但是console.log（server error error.message)npm i socket.io[email protected]就行。
Chat-React-SocketIO:具有React和socket.Io的简单聊天应用程序
05-13
使用React和socket.io聊天应用程序 这个应用程序是基本的聊天应用程序，不包含数据库，它是React和socket.io的重点 开始安装 git clone https://github.com/tudtude/Chat-React-SocketIO.git cd Chat-React-SocketIO npm install 开发模式 在您的计算机上运行此代码之前，您需要更改一些代码，因为此代码适用于 ，即在线系统/生产模式。 有两个文件需要正确如下 src / components / Main.js --->第10行 server / index.js --->第12行 更改后需要运行speparate命令 从后端开始 npm run server 开始React视图 npm run react 在线演示 **谢谢 **
react中使用socketio入门
Suk__的博客
03-01 818
总结: 客户端接收服务器的消息用socket.on 客户端给服务器推送消息用socket.emit。useEffect初始化建立连接 监听服务器推送的消息。客户端给服务器推送消息。
27 react中使用socket.io
weixin_42580704的博客
06-17 2830
一、安装 cnpm install socket.io-client --save 二、引入 src/model/socket.js import io from 'socket.io-client'; const socket = io('http://a.itying.com?roomid=a001'); export default socket; 三、客户端接收服务端的消息 import React from 'react'; import "../assets/css/home.les
react 结合 socket.io 实现简单通信功能
浮生离梦的博客
05-23 5387
一、react 结合 socket.io 实现简单通信功能 分别在 react 项目以及后台项目中使用 socket.io，在这里，后台选择为 node，通过 npm install --save socket.io命令进行下载 socket.io 。 在 node 项目中， 创建 socketIO 文件夹，在里面创建 socket.js 文件，代码如下所示： module.exports = function (server) { const io = require('socket.
react-socket.io-聊天
02-26
Create React App入门 该项目是通过。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑，页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行程序。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化构建，文件名包含哈希。 您的应用已准备好进行部署！ 有关更多信息，请参见有关的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从项目中删除单个构建依赖项。 而是将所有配置文件和传递依赖项（webpack，Babel，ESLin
webpack-serve：获取您的webpack配置并创建带有热模块重载和错误覆盖的开发服务器
01-30
在项目的根目录下运行$(npm bin)/webpack-serve ，或者在package.json脚本中添加一个"serve": "webpack-serve", 。 给定的所有参数将传递到 。 具有自己的Express / Connect后端 您可以使用自己的中间件或服务器来...
voodux-react-functions-demo:--使用Agnostic Web Foundation的React应用程序（基于功能的组件）演示
05-16
This project was NOT bootstrapped with Create React App. 演示应用 voodux文件 代码自动化工具 npm run start:dev 在5491端口启动开发服务器 npm run build 在dist/文件夹中构建应用程序 运行npm run lint ...
voodux-react-class-demo:--React应用程序（基于类）演示，利用Agnostic Web Foundation作为其基础架构来处理数据
05-16
This project was NOT bootstrapped with Create React App. 演示应用 voodux文件 代码自动化工具 npm run start:dev 在5491端口启动开发服务器 npm run build 在dist/文件夹中构建应用程序 运行npm run lint ...
React表达socketio实践
02-14
React表达socketio实践
ReactSocketChat:一个在React JS中使用socket.io的简单聊天应用程序
03-21
ReactSocket聊天 一个在React JS中使用socket.io开发的简单聊天应用程序 您可以在UI中添加其他CSS和改进。本教程的目的是使您能够在reactjs中使用socket.io开发实时聊天应用程序，因此UI几乎是最低限度的。 最终产品看起来像这样。 安装步骤 克隆 要运行服务器，请执行以下命令 cd ChatApp cd server npm install npm start 要运行前端，请执行以下命令 cd ChatApp cd frontend npm install npm start 您现在可以出发了！ 执照 麻省理工学院
React-socketio-chat:与Socket.IO和房间进行React聊天！ 聊天服务器
05-06
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpac
简单的运用ReactReduxSocketioMaterialUI开发一个小型聊天室
08-12
简单的运用React Redux Socket.io Material-UI开发一个小型聊天室(适合新手当作入门学习)
react_socket_io:react和socket.io的示例程序
05-03
这是一个琐碎的博客应用程序。 这几乎与骨干导轨相同。 但是它使用的是node.js而不是rails。 和socket.io进行数据同步。 下面的链接是骨干区域的很好的参考。 系统要求 node.js 开始 npm install gulp modules node app.js
Today-wallpapers:基于react electron puppeteer 开发
05-07
:backhand_index_pointing_left:一个 electron-react 栗子 :robot::keycap_1:-Demo 安装 react 脚手架终端执行命令npx create-react-app react-electron自动进行配置安装进入react-electron目录下执行yarn start，...
voodux-react-tic-tac-toe:使用voodux作为基础架构来处理排名数据的臭名昭著的Tic Tac Toe React游戏
04-04
This project was NOT bootstrapped with Create React App. 演示应用 voodux文件 代码自动化工具 npm run start:dev 在5492端口启动开发服务器 npm run build 在dist/文件夹中构建应用程序 运行npm run lint ...
在react中使用socket io
山外小楼
09-17 3546
1.安装 npm install --save socket.io-client 2.连接地址 const socket = io.connect(socketUrl),depart_id=props.depart_id 3.推送登录信息 socket.on('connect',function(){ socket.emit('login', depart_id) }) 4.使用约定好的方法 socket.on('oneLevel',(res)=>{ .
在create-react-app + react中配置和使用sass
03-25
对于create-react-app（CRA），可以建立一个sass.config.js文件并在其中添加配置信息。 ``` // sass.config.js module.exports = { sassOptions: { includePaths: ["./src"] } }; ``` 我这里是在项目根目录下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值