处理vue打包路由为history模式的刷新问题

1.核心npm包 connect-history-api-fallback

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

1.1这里使用koa扩展的包 koa-connect-history-api-fallback

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

2.完整代码

　　注意app.use(history());必须在创建app对象之后就引入，不能在koa静态资源之后

let prot = 3000; // 服务端口号
// 引入模块           
const Koa = require('koa');
const history = require('koa-connect-history-api-fallback');    //解决前端路由是history刷新问题
//const router = require('koa-router')(); /*引入是实例化路由 推荐*/
const bodyParser = require('koa-bodyparser');    //处理post请求时得到的body数据格式
const static = require('koa-static'); //静态资源中间件
 
// 实例化
let app = new Koa();

// 配置常用的中间件
app.use(history());
app.use(bodyParser());    //post bodyparser
app.use(static(__dirname + '/public')); // koa静态资源中间件可以配置多个
//app.use(static(__dirname + '/static')); // koa静态资源中间件可以配置多个

app.listen(prot,() => {
    console.log("localhost:" + prot);
});

3.终极解决方案 配置nginx服务