Vue打包之后发布页面为空白的解决方案

        Vue打包完之后会生成一个dist文件夹,一般我们都是把这个文件夹发布到服务器上,dist文件夹下面会有一个static文件夹和index.html页面,这个index.html页面就是最终的单页面文件。但是发布上去有时候会出现页面都是空白的,且不会报错。

原因:脚手架配置文件中路径有问题,获取不到页面。

解决方案:

  1.在config的inde.js 中把 assetsPublicPath: '/' 改为 assetsPublicPath: './',如图所示,一般都能够解决

2.倘若第一步更改还没有解决,就到build/utils中更下一下路径,如图所示,一般的话第一个步骤就能够解决了

更改完记得保存重新打包再看才能知道是否解决!!!

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值