koa-router 中使用路由参数时会遇到一个问题,就是像下面的代码在没有传入 id 是会报 404 错误 router.get('/:id', (err, ctx, next) => { // write your code; }); 默认情况下这就是 path variable 参数模式 如果想要 id 这个参数传入做一件事,不传 id 也可以运行并且去做另一件事的话 此时就需要使用  query parameter 参数模式,即 (/:id?)即可,如下: router.get('/:i

上一篇文章我们讲了Koa的基本架构,可以看到Koa的基本架构只有中间件内核,并没有其他功能,路由功能也没有.要实现路由功能我们必须引入第三方中间件,本文要讲的路由中间件是@koa/router,这个中间件是挂在Koa官方名下的,他跟另一个中间件koa-router名字很像.其实@koa/router是fork的koa-router,因为koa-router的作者很多年没维护了,所以Koa官方将它fork到了自己名下进行维护.这篇文章我们还是老套路,先写一个@koa/router的简单例子,然后自

koa-router Router middleware for koa. Provides RESTful resource routing. koa-router       Router middleware for koa Express-style routing using app.get, app.put, app.post, etc. Named URL parameters. Named routes with URL generation. Responds to OPTIO

概述 这几天学习koa2,有一些心得,记录下来,供以后开发时参考,相信对其他人也有用. 起因 这几天学习koa2,写的代码执行时有一个奇怪的bug:明明能够返回数据,却有时正常返回数据,有时偏偏给你返回404,很头疼.问传统后端,都不懂koa:上网查资料,怀疑是bodyparser的bug,于是换了另一个koa-body中间件来解析post请求,还是会出现这个bug. 直到我去github上面查别人koa2 + mongoose的代码,才发现是异步的问题.总结起来解决方案是这样的:既然koa2里

什么是 Koa 的中间件 通俗的讲:中间件就是匹配路由之前或者匹配路由完成做的一系列的操作,我们就可以 把它叫做中间件. 在express中间件(Middleware)是一个函数,它可以访问请求对象(requestobject(req)) , 响应对象(responseobject(res)), 和 web 应用中处理请求-响应循环流程中的中间件,一 般被命名为 next 的变量. 在 Koa 中中间件和 express 有点类似. 中间件的功能包括:执行任何代码. 修改请求和响应对象. 终结请

Ref: REACT JS TUTORIAL #6 - React Router & Intro to Single Page Apps with React JS Ref: REACT JS TUTORIAL #7 - React Router Params & Queries Ref: REACT JS TUTORIAL #8 - React Inline Styles & Component Arrays Ref: react 技巧 #3 react-router 教程 pa

前言 Koa 应用程序是一个包含一组中间件函数的对象,它是按照类似堆栈的方式组织和执行的. 当一个中间件调用 next() 则该函数暂停并将控制传递给定义的下一个中间件.当在下游没有更多的中间件执行后,堆栈将展开并且每个中间件恢复执行其上游行为. 以上两句话,是我在官方文档中找到其对 Koa 中间件的描述. 在Koa中,中间件是一个很有意思的设计,它处于request和response中间,被用来实现某种功能.像上篇文章所使用的 koa-router .koa-bodyparser 等都是中间件

1.错误处理中间件 app.js /** * 错误处理中间件 */ // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 推荐*/ // 实例化 let app = new Koa(); // Koa中间件 // 匹配任何路由,如果不写next,这个路由被匹配到了就不会继续向下匹配 // www.域名.com/news app.use(async (ctx, next) =>

跟我一起了解koa中间件 一.是 什么是 Koa 的中间件 通俗的讲: :中间件就是匹配路由之前或者匹配路由完成做的一系列的操作,我们就可以 把它叫做中间件. 在 在express件 中间件( (Middleware )是一个函数,它可以访问请求对象(request object (req)), 响应对象(response object (res)), 和 web 应用中处理请求-响应循环流程中的中间件,一 般被命名为 next 的变量.在 Koa 中中间件和 express 有点类似. 中间件

PS:react-route就是一个决定生成什么父子关系的组件,一般和layout结合起来,保证layout不行,内部的子html进行跳转 你会发现,它不是一个库,也不是一个框架,而是一个庞大的体系.想要发挥它的威力,整个技术栈都要配合它改造.你要学习一整套解决方案,从后端到前端,都是全新的做法. 举例来说,React 不使用 HTML,而使用 JSX .它打算抛弃 DOM,要求开发者不要使用任何 DOM 方法.它甚至还抛弃了 SQL ,自己发明了一套查询语言 GraphQL .当然,这些你都可

一.基本用法 React Router 安装命令如下. $ npm install -S react-router 使用时,路由器Router就是React的一个组件. import { Router } from 'react-router'; render(<Router/>, document.getElementById('app')); Router组件本身只是一个容器,真正的路由要通过Route组件定义. import { Router, Route, hashHistory }

Koa 路由 路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET.POST 等) 组成的,涉及到应用如何响应客户端对某个网站节点的访问. 通俗的讲:路由就是根据不同的 URL 地址,加载不同的页面实现不同的功能. Koa 中的路由和 Express 有所不同,在 Express 中直接引入 Express 就可以配置路由,但是在 Koa 中我们需要安装对应的 koa-router 路由模块来实现 npm install koa-router 创建app.js

链接来源 Request,Context,Response  在代码运行之前就已经存在的 Request和Response自身的方法会委托到Context中. Context源码片段 var delegate = require('delegates'); var proto = module.exports = {}; // 一些自身方法,被我删了 /** * Response delegation. */ delegate(proto, 'response') .method('attach

1.koa 中间件的执行顺序 app.js /** * koa 中间件的执行顺序 */ // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 推荐*/ // 实例化 let app = new Koa(); // Koa中间件 // 匹配任何路由,如果不写next,这个路由被匹配到了就不会继续向下匹配 // www.域名.com/news app.use(async (ctx,

1.应用级路由中间件 app.js /** * 应用级路由中间件 */ // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 推荐*/ // 实例化 let app = new Koa(); // Koa中间件 // 匹配任何路由,如果不写next,这个路由被匹配到了就不会继续向下匹配 router.get('/', async (ctx) => { ctx.body = '首

1.动态路由的传值 app.js /** * 动态路由的传值 */ // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由 推荐*/ // 实例化 let app = new Koa(); router.get('/', async (ctx) => { ctx.body = '首页'; }) router.get('/news', async (ctx) => { ctx.b

React Router是一个路由库,通过管理URL来实现组件切换和状态转变. 1.安装和使用 $ npm install -S react-router 在使用时,作为React组件导入 import {Router} from 'react-router'; render(<Router />,document.getElementById('app')); 但是需要真正使用Router,还需要定义Router组件. import { Router, Route, hashHistory

koa中路由动态传值 1.路由 路由(Routing)是由一个 URI(或者叫路径)和一个特定的 HTTP 方法(GET.POST 等) 组成的,涉及到应用如何响应客户端对某个网站节点的访问. 通俗的讲:路由就是根据不同的 URL 地址,加载不同的页面实现不同的功能. 2.安装对应的 koa-router 路由模块 cnpm install --save koa cnpm install koa-router --save 3.在app.js写入 //引入 koa模块 var Koa=requi

用Node.js写一个web服务器,我前面已经写过两篇文章了: 第一篇是不使用任何框架也能搭建一个web服务器,主要是熟悉Node.js原生API的使用:使用Node.js原生API写一个web服务器 第二篇文章是看了Express的基本用法,更主要的是看了下他的源码:手写Express.js源码 Express的源码还是比较复杂的,自带了路由处理和静态资源支持等等功能,功能比较全面.与之相比,本文要讲的Koa就简洁多了,Koa虽然是Express的原班人马写的,但是设计思路却不一样.Expre

SpringBoot自定义错误页面,SpringBoot 404.500错误提示页面 SpringBoot 4xx.html.5xx.html错误提示页面 ================================ ©Copyright 蕃薯耀 2018年3月29日 http://www.cnblogs.com/fanshuyao/  附件&源码下载见:http://fanshuyao.iteye.com/blog/2414828 一.SpringBoot 404.500错误提示页面 1.

概述 使用koa免不了要操纵数据库,现阶段流行的数据库是mongoDB,所以我研究了一下koa里面mongoDB数据库的增删改查,记录下来,供以后开发时参考,相信对其他人也有用. 源代码请看:我的github 可以参考我的这2篇博文: mongoose入门 koa中返回404并且刷新后才正常的解决方案 说明 值得一提的是,这只是一个demo而已,有很多判断并没有写,代码也有优化的空间,但是能够实现mongoDB数据库的增删改查操作.我个人不准备继续优化了,因为我接下来要写一个后台0.0 另外,需