vue history模式 刷新404 koa 解决办法

为什么会刷新出现404

node服务 koa框架下 解决方法

1. 使用
   koa-connect-history-api-fallback npm地址
2. 安装

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

3. 使用方法

// 在node 服务文件 app.js 中引入 koa-connect-history-api-fallback
// 注意： 该引用须在 const serve = require('koa-static'); 前
const history = require('koa-connect-history-api-fallback');
app.use(history());

注意事项

1. 插件默认会将所有的请求都指向到index.html，这样可能就会导致项目内其他路由也被指向到index.html，导致接口报错。
   解决方法：使用koa2-connect-history-api-fallback npm地址 该插件增加了请求白名单。
2. 使用方法

// npm 安装该插件 
// npm i koa2-connect-history-api-fallback --save
const { historyApiFallback } = require('koa2-connect-history-api-fallback');
app.use(historyApiFallback({ whiteList: ['/api'] }));