nodejs( koa2 )配置 browserHistory

前言

既然能搜到而且还点进来看这篇文章,
那么确定是知道后台为何要配置 browserHistory,
也确定知道为何非要去用相对来讲更麻烦的吧browserHistory,
而不用更简单点的不须要后台配置的 hashHistory ,
以及 browserHistory 和 hashHistory 的区别。
好吧,若是不知道,能够去搜一下,
不少不少。这里很少作说明,
废话很少说, 直接上代码!前端

正文

我是用脚手架 koa-generator 生成的 koa2项目。前端是用 react + antd 作的,路由是用的 browserHistory。react

一、 首先咱们须要下载一个依赖 connect-history-api-fallbacknpm

npm install connect-history-api-fallback --save

二、 在根目录app.js中引入依赖。api

const connectHistory = require('connect-history-api-fallback');

app.use(() => {
    const middleware = connectHistory();
    const noop = ()  => {
    
    };
  
    return async (ctx, next)=> {
        middleware(ctx, null, noop);
        await next();
    };
});

PS: 这里实际上是写了一个中间件,
这里的代码必定要放在使用其余中间件以前,
若是不知道位置, 那么你就放在其余app.use() 以前 。
connectHistory 也能够传入配置,
好比在控制台显示转发的日志 connectHistory({verbose: true}) 具体能够查官网看。antd

相关文章
相关标签/搜索