打包后页面出现空白问题

问题：打包后npm run build，生成dist文件，出现页面空白问题

---------------------------------------------------------------------------------------------------------------------------------

原因一、资源加载路径错误，即dist/index.html中的资源引用为相对路径，而不是/js/……

解决：在vue.config.js文件中，添加 publicPath: '/' 配置

原因二、路由模式为history（因为需要服务器端支持）

解决：将history模式改为hash模式 或 告诉后端需要重定向

在src/router/index.js中，

const router = new VueRouter({
mode: 'hash', // 将 'history' 改为 'hash'
routes
}