- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
出于好奇,我选择 Koa2 作为我的家庭 Node 服务器。不幸的是,我陷入了为客户端/服务器通信实现 websocket 的困境中。在以下应用程序中,socket.io 客户端拒绝连接到其服务器部分。有什么想法/提示吗?
// main.js
const argv = require('yargs');
const app = require('./src/app');
const conf = require('./config');
const port = argv.port || process.env.PORT || conf.port || 3000;
app.listen(port);
console.log(`IOKvit Server is listening on port ${ port }...`);
............
// app.js
const Koa = require('koa');
const mount = require('koa-mount');
const router = require('./api');
const staticRoutes = require('./static');
const app = new Koa();
app.use(mount(staticRoutes));
app.use(router.routes());
app.use(router.allowedMethods());
const http = require('http');
const socket = require('socket.io');
const server = http.createServer(app.callback());
const io = new socket(server);
io.on('connection', function(socket){
console.log('a user connected')
});
module.exports = app;
............
// static.js
const Koa = require('koa');
const serve = require('koa-static');
const mount = require('koa-mount');
const path = require('path');
const staticApp = new Koa();
const root_dir = path.dirname(require.main.filename);
staticApp.use(serve(root_dir + '/static', { maxage: 60 * 1000 }));
staticApp.use(mount('/lib/vue', serve(root_dir + '/node_modules/vue/dist/', { maxage: 60 * 1000 })));
staticApp.use(mount('/lib/vue-material', serve(root_dir + '/node_modules/vue-material/dist/', { maxage: 60 * 1000 })));
staticApp.use(mount('/lib/vue-router', serve(root_dir + '/node_modules/vue-router/dist/', { maxage: 60 * 1000 })));
staticApp.use(mount('/lib/socket.io', serve(root_dir + '/node_modules/socket.io-client/dist/', { maxage: 60 * 1000 })));
staticApp.use(mount('/lib/roboto', serve(root_dir + '/node_modules/roboto-fontface/css/roboto/', { maxage: 60 * 1000 })));
staticApp.use(mount('/lib/material-icons-font', serve(root_dir + '/node_modules/material-icons-font/', { maxage: 60 * 1000 })));
module.exports = staticApp;
............
// api.js
const Router = require('koa-router');
const house = require('./house').controller;
const router = new Router();
router.get('/rooms', house.list_rooms);
router.get('/rooms/:name', house.room);
module.exports = router;
最佳答案
我在 Koa (1.0.0) 中利用了这样的代码:
const koa = require("koa");
const socketIo = require("socket.io");
const app = koa();
const port = 8000
const http = app.listen(port);
const io = socketIo.listen(http);
io.on("connection", function(socket){
console.log("connected")
})
关于javascript - Koa-mount/路由器+socket.io集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45799780/
我想在Rust FFI中使用'nix'库替换为'libc'。 我想使用nix::mount::mount()替换为libc::mount()。现在我有以下代码: libc::mount(ptr::nu
我正在使用React最新版本,当单击运行expandMenu()的按钮时,我收到以下错误 这里跟踪生命周期: constructor componentWillMount render compone
当我尝试通过命令行挂载目录“test_mount”时,操作成功: mount -t nfs4 remote_server_ip:/ local_dir 但我无法以编程方式挂载同一目录: int re
我有一个在外网运行的 kubernetes 集群,并在同一网络的另一台机器上设置了 NFS 服务器。我可以通过 ssh 连接到集群中的任何节点并通过运行 sudo mount -t nfs 10.17
这是我的组件: var booksRef = new Firebase("https://bookshelf.firebaseio.com/books"); class BookShelf exten
这是完整的错误: index.js:2177 Warning: Can only update a mounted or mounting component. This usually means
我想使用 C++ 挂载文件系统。我应该使用 mount() 系统调用,还是只执行 mount 二进制文件? 显然,系统调用会更快,我会花更少的时间构建命令行参数和解析错误消息等。但是,在阅读 moun
我正在尝试按照本教程进行操作:https://ivrodriguez.com/installing-self-signed-certificates-on-android/ 当我到达尝试将 /syst
我正在尝试按照本教程进行操作:https://ivrodriguez.com/installing-self-signed-certificates-on-android/ 当我到达尝试将 /syst
理论上,我应该能够异步获取一些数据并更新 componentDidMount 内的组件。这是我的组件: import React, { Component } from 'react' import
在使用 react-router 的辅助组件中时,我收到 setState 错误。任何人都可以看到我的代码中的任何问题吗? import React, { Component } from 'reac
我有 2 个组件,我通过使用 react router dom 中的 Route 组件在它们之间进行路由。其中一个组件在 componentDidMount 事件(使用 axios 包)上从虚拟 AP
我无法摆脱这个错误。当我从数组中删除一项并更新状态时,就会发生这种情况。 经过一些调试,我发现如果我重新加载应用程序,直接进入这个屏幕并删除,错误不会显示。但是,如果我导航到此屏幕,返回,然后再次转到
我尝试了 stackoverflow 和在线提供的所有命令和建议,但都没有用 https://stackoverflow.com/a/13366444/1441666 https://stackove
我有一个 RN 应用,在安装组件(“收藏夹”屏幕)时,我会从 Firebase 读取数据,并将其设置为收藏夹组件随后渲染的状态。 但是当我在另一个屏幕上并将项目添加到 firebase 中的收藏夹数据
我有一个使用 React Router 的应用程序。该应用程序有一些不断更新的组件(它是实时分析数据的仪表板)。我在使用 时遇到以下错误链接仪表板的各个部分: warning.js:36 Warni
我在 componentDidMount() 方法中使用 fetch(url, ...) 在 React Native 中获取数据。 所以我的类(class)看起来像 class Posts exte
相关问题here但我不确定如何使解决方案适应这个问题。 我正在尝试为带有选项卡的登录页面创建一个可重用的组件。每个选项卡都是可重用组件的子项,并且有自己的存储定义为 Prop :
我正在整理一个小 POC,其中一部分用于执行搜索功能。这个想法是“搜索”将负责以下事情: - 显示搜索输入表单(例如,文本、日期和位置参数) - 命中后端 AWS Lambda 搜索 API - 将结
我收到此错误setState(...):只能更新已安装或正在安装的组件。但我不知道如何修复它。 import React, { Component } from 'react'; import Loa
我是一名优秀的程序员,十分优秀!