vue 项目通过 npm run build 打包以后页面没有内容

背景:

通过 npm run build 对vue项目进行打包,并且部署以后,发现页面一片空白,没有任何内容,而且 控制台中也没有任何错误信息。但是通过npm run serve 以后却可以正常预览。 如下图:

外网:

vue 项目通过 npm run build 打包以后页面没有内容

本地: 

vue 项目通过 npm run build 打包以后页面没有内容

解决办法:

打开Vue项目路由的配置文件,然后将实例化VueRouter中的配置项 mode: 'history' 注释掉,因为这个导致打包路径出现问题。然后再次进行 npm run build即可

vue 项目通过 npm run build 打包以后页面没有内容