同一张图放 public 里能显示,放 assets 里打包后就 404,两种写法的路径规则完全不同。日志里能对上时间点,这种反而好排。
assets 里的资源会被构建工具处理并改写文件名,public 目录只是原样拷到产物根目录,引用方式不能混。这一点先确认清楚,后面就不用反复试。
// assets import logo from '@/assets/logo.png' // public <img src='/logo.png' />
围绕「public 目录资源」排查时,命令行跑一遍比在面板里点十次有用,面板会替你做掉不少隐式操作。偶发问题先统计频率,一小时几次和一天一次,查法完全不同。
改完顺手把文档补一句,省得下次自己重新推一遍。监控和日志的时间要对上,时区不一致会多绕很大一圈。
临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。
处理上按这个顺序:需要哈希和压缩的放 assets 用 import 引入;固定路径的资源放 public 用绝对路径;不要拿同一文件两种引法。
结果对不对很好判断,两种引用方式都能正常加载,产物里的路径与实际文件对应。
