vite2 + vue3 + element-plus 图片资源的使用

我的项目,非引入资源(主要是图片)一般存放在/public/assets,根据vite文档指引,public下的文件会在打包和移入build/outDir目录下,访问时使用 /assets绝对路径的方式。
public入口

  • 入坑:

看到文档的说明,我就天真的使用/assets的方式访问项目图片资源,本地访问正常,但是打包到线上后出现图片找不到的情况,
在这里插入图片描述
在这里插入图片描述

根据图片404的结果,直接原因就是 我的项目实在域名根目录下面的 /admin-risk/目录下存放,所以图片中缺少了/admin-risk,但我根据vite文档指引,实际是配置了base路径的

  • 继续寻找原因

    接下来我把文档又看了一遍,并且寻找是否有其他配置是解决此问题的 ~~ 并没有

    然后我修改了图片的访问地址为 ./assets,注意我加了一个点,打包后在线上可以访问

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值