nodejs（ koa2 ）配置 browserHistory

前言

既然能搜到而且還點進來看這篇文章，
那麼確定是知道後臺爲何要配置 browserHistory，
也確定知道爲何非要去用相對來講更麻煩的吧browserHistory，
而不用更簡單點的不須要後臺配置的 hashHistory ，
以及 browserHistory 和 hashHistory 的區別。
好吧，若是不知道，能夠去搜一下，
不少不少。這裏很少作說明，
廢話很少說， 直接上代碼！

正文

我是用腳手架 koa-generator 生成的 koa2項目。前端是用 react + antd 作的，路由是用的 browserHistory。

一、 首先咱們須要下載一個依賴 connect-history-api-fallback

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

二、 在根目錄app.js中引入依賴。

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}) 具體能夠查官網看。