How to configure koa2 vue single page history mode?

koa2 uses koa2-connect-history-api-fallback when configuring vue single-page history mode. Writing according to the document has no effect. Please give me some advice from passers-by. Thank you!
part of the code is as follows:

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
Apr.25,2022

you have to specify your entry html path


add the middleware folder in the root directory, did you add the koa2-connect-history-api-fallback.js file?


Github address: https://github.com/ishen7/koa...

here is an example

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(...);
Menu