Vue打包静态pdf下载时失败-未发现文件

起因是修改了个人网站后原来用来放简历的a标签突然发现不管用了,因为改了文件存放路径,结合以前的经验,就把pdf放到public下来访问,结果发现也不行:

尝试了各种办法,感觉怎么都是正确的,问了chatgpt后发现可能是github pages特有的,于是我查看点击a标签后的路径,发现是不包括仓库名的,只有github.io/static/xxx.pdf,手动改路径加上仓库名如github.io/MyPersonalPage/static发现能显示。于是我将a标签的href改为了绝对路径(还尝试了在标签内的/static前加上仓库名,无效):

<a href="https://pas0412.github.io/MyPersonalPage/static/resume.pdf" download="简历.pdf"><span>RESUME</span></a>

 其中MyPersonalPage是仓库名,于是重新打包部署,并且查看了打包后的js标签内路径也正常,结果还是一样的错误,再点开a标签的按钮,发现莫名其妙路径又变成了github.io/MyPersonalPage/MyPersonalPage/static/xxx.pdf。

看来github pages是在用绝对路径的时候会自动加上一个repo的名字在中间,于是我又在标签内去掉了仓库名,打包部署,终于解决了。

发布文章前又检查了一下,发现又不行了,我看是刚部署上去他抽抽了,莫名其妙自己加了repo-name上去。

改回来多等了几分钟终于好了,我现在怀疑相对路径也行就是得多等一会儿...

总结:多等一会儿,别急着打开。

<a href="https://username.github.io/your-repo-name/static/your-pdf-file.pdf">Download PDF</a>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值