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

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

创新互联是一家专注于成都做网站、成都网站建设与策划设计,邗江网站建设哪家好?创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:邗江等地区。邗江做网站价格咨询:028-86922220

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

   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页面为空白的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持创新互联。