关于connect-history-api-fallback解决vue中mode为history刷新显示报错的解决方案。

首先我后台用的是node.js中的express，项目前端用的vue，并且前端路由vue-router用的是history，这样，在express的静态文件夹设置为dist目录的时候，出现各种404错误，经过查询，发现当路由模式为history的时候，后端会直接请求地址栏中的文件，这样就会出现找不到的情况，需要结合express的connect-history-api-fallback来处理。

 

1.在服务端下载插件

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

2.在自己服务端入口文件进行配置，

因为我前端vue的打包后是放在同级的admin文件夹，所以在后面需要对路径进行设置

const history = require('connect-history-api-fallback');
const path = require('path');
app.use(history());

app.use(express.static(path.join(__dirname+ '/admin')));

这样就可以刷新不报错了。

 

有帮助的话麻烦大伙点个赞！