vued打包后，index.html页面空白问题，页面静态资源加载没问题。

Question

这是加载index页面

这是index页面

这是 npm run build的配置

这是我代码结构

这是配置的路由

页面是放在node服务下运行的

里面的error页面（自己随便写的页面来验证服务能否运行）可以展示出来，但打包的index不能显示。

请大神帮忙解决下

Answer 1

这是因为路由配置中路劲的问题，原因是你配置的URL是这种形式的：www.demo.com/driver/但是你的路由配置却是直接访问了根目录，所以导致资源可以加载但是组件无法渲染的现象。需要将路由配置改为：export default new Router({
mode: 'history',
routes: [
{
path: '/driver',
name: 'Home',
component: Home
}
]
});
这样就可以正常的渲染组件了