Vue npm run build打包显示空白页

在使用npm run build ，打包完毕之后，无论是本地打开index.html,还是访问服务器上的，都是空白页。

此时，你会发现，css,js,一些资源路径都是404，

问题在于：引用路径

解决方案：重新配置config下的index.js中的assetsPublicPath，记得修改的是build下，因为这个是打包时 的配置

assetsPublicPath属性作用是指定编译发布的根目录，‘/’指的是项目的根目录 ，’./’指的是当前目录。

改好之后重新打包项目，运行index.html文件，我们可以看到没有报错了。但是router-view里面的内容却出不来了。

第二个问题：在路由的index.js中配置了mode:'history',在打包完毕之后，路由页面显示不出来，据说是，history模式需要后端的配合，暂时还没弄清楚。

解决方案：把mode为history模式注掉

export default new Router({
  // mode:'history',
  routes: [
    {
      path: '/',
      name: 'AdminLogin',
      component: AdminLogin,
      meta:{
        title:'登录页面'
      }
    },
    {
      path:'/forgetPwd',
      component:ForgetPwd,
      meta:{
        title:'忘记密码'
      }
    }
  ]
})

学习博客:https://www.cnblogs.com/wanf/p/7871787.html