# resolve_online_problem **Repository Path**: huangjinlin2022/resolve_online_problem ## Basic Information - **Project Name**: resolve_online_problem - **Description**: 前端项目线上出现紧急的bug怎么处理配套的代码 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2022-01-01 - **Last Updated**: 2022-01-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 文件夹 ## 01_通过 websocket 刷新页面 演示通过 `websocket` 来通知前端刷新页面,具体的文件如下: - app.js 后端程序代码,负责部署前端程序和提供`websocket`的服务器端的支持 - dist/index.html 前端客户端代码,显示内容和通过`websocket`连接到服务端 - dist/admin.html 前端管理端代码,点击按钮发送请求给服务器端,刷新所用在线客户端的页面 ## 02_通过socket.io刷新页面 `socket.io`第三方库是对`websocket`的封装,演示通过 `socket.io` 来通知前端刷新页面,具体的文件如下: - app.js 后端程序代码,负责部署前端程序和提供`socket.io`的服务器端的支持 - dist/index.html 前端客户端代码,显示内容和通过`socket.io`连接到服务端 - dist/admin.html 前端管理端代码,点击按钮发送请求给服务器端,刷新所用在线客户端的页面 ## 03_前端项目toutiao-m 前端的vue项目,演示项目的打包,和在前端项目当中如何使用`socket.io`,具体的文件如下: - package.json 安装包的配置文件,`socket.io-client`为`socket.io`在浏览器端的第三方包 - src/utils/socketIo.js 使用`socket.io`的代码,负责连接后端,和接收到后端的消息来刷新前端的页面 ## 04_部署项目toutiao-m-server 用来部署前端项目`toutiao-m`的项目,提供`http`服务和`websocket`服务,具体的文件如下: - dist `toutiao-m`项目打包之后的文件夹 - app.js 后端程序代码,负责部署前端程序和提供`socket.io`的服务器端的支持