如何解决Vue中使用history模式时页面空白的问题？

本文共计226个文字，预计阅读时间需要1分钟。

当`router.js`中设置`mode: 'history'`时，刷新页面不会显示，原因是历史请求的路径资源不存在。这需要后端配置和前端修改。后端需要配置相应的路径，前端则需调整以下配置：

jsondevServer: { port: 8000, host: '0.0.0.0', overlay: {}}

当router.js 中mode:history 发现刷新页面 不显示了，原因出来history的请求路径资源不存在了，这个需要后端配置的，

前端 需要修改一个地方即可,

devServer: { port: 8000, host: '0.0.0.0', overlay: { errors: true }, hot: true, historyApiFallback: { index: '/index.html' } },

新增historyApiFallback这个个功能，然后的index的路径需要配置output输出的Publicpath的配合使用

publicPath:'/public/'

对应的路径 index:'/public/index.html'

重启webpack，刷新页面就好了

以上这篇VUE 解决mode为history页面为空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。