既然能搜到而且还点进来看这篇文章,
那么确定是知道后台为何要配置 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