VUE 解决mode为history页面为空白的问题

当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页面为空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考

您可能感兴趣的文章:

• Vue下路由History模式打包后页面空白的解决方法
• 详解Vue路由History mode模式中页面无法渲染的原因及解决
• 解决vue 打包发布去#和页面空白的问题
• vue项目出现页面空白的解决方案