Vue3刷新后白屏问题(history模式)

每个人遇到的问题可能不一样,这篇文章仅针我所遇到的问题。

为了URL美观,我选择了history路由模式,将项目打包上传到服务器,并按照官网配置了服务器路径。

域名可正常访问到页面,动态跳转也没问题,但是刷新后则出现白屏,并且控制台报错404,找不到资源。

在网络中查看请求失败的资源,发现路径中多了部分不应该有的东西,vue3打包的根目录下应该是assets目录,那么就说明是请求的路径问题。

打包后的dist目录下,打开index.html文件,在head标签下找到导入的这两个文件。

路径前是./当前目录下的assets目录,我们将其改成根目录下的assets,即将.点去掉。

重新打包后部署,已解决!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

陈佳宝的号

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值