koa2 vue单页面 history 模式怎么配置？

Question

koa2在配置vue单页面history 模式时，使用了 koa2-connect-history-api-fallback，按文档写了没有效果，请路过者指点一二，不胜感激！
部分代码如下：

const Koa = require('koa')
const app = new Koa()
const views = require('koa-views')
const json = require('koa-json')
const onerror = require('koa-onerror')
const bodyparser = require('koa-bodyparser')
const logger = require('koa-logger')
const history = require('./middleware/koa2-connect-history-api-fallback');

app.use(history())
middlewares
app.use(bodyparser({
    enableTypes: ['json', 'form', 'text']
}))
app.use(json())
app.use(logger())
app.use(require('koa-static')(__dirname + '/dist'))




// logger
app.use(async (ctx, next) => {
    const start = new Date()
    await next()
    const ms = new Date() - start
    console.log(`${ctx.method} ${ctx.url} - ${ms}ms`)
})


// error-handling
app.on('error', (err, ctx) => {
    console.error('server error', err, ctx)
});

module.exports = app

Answer 1

你得指定你的入口html路径

Answer 2

在根目录下添加middleware文件夹,添加koa2-connect-history-api-fallback.js 文件了吗？

Answer 3

Github地址:https://github.com/ishen7/koa...

下面是例子

const Koa \= require('koa');

// require 'koa2-connect-history-api-fallback' middleware
const { historyApiFallback } \= require('koa2-connect-history-api-fallback');

// create app
const app \= new Koa();

// use historyApiFallback
app.use(historyApiFallback());

// other middlewares
app.use(...);