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

小鱼儿 2022-11-29 05:45 402阅读 0赞

背景:

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

外网:

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70

本地:

" class="reference-link">watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70 1

解决办法:

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

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70 2

发表评论

表情:
评论列表 (有 0 条评论,402人围观)

还没有评论,来说两句吧...

相关阅读