跳至主要內容

Git-5.路径引发的思考

Mr.Si大约 1 分钟Git踩坑记录

问题详情

头像
本地配置图片可以显示,实际部署显示图片404

解决思路

  1. 本地开发环境和部署服务器环境之间的路径解析方式不同所致。
<chatmessage avatar="/assets/emoji/blzt.png" :avatarWidth="40">
处于项目的根目录,所以相对路径 blzt.png 可以直接找到图片。
</chatmessage>
 


<chatmessage avatar="./assets/emoji/blzt.png" :avatarWidth="40">
实际部署路径在
</chatmessage>
 


  1. 而在部署到服务器时,路径解析可能会以服务器的根目录为基准。
zshj.png
zshj.png
  1. 修改后依然404?

要注意引用图片的资源路径位置变化,原本在同级路径引用,现在上一级路径引用。

<chatmessage avatar="../../assets/emoji/blzt.png" :avatarWidth="40">
实际部署路径在
</chatmessage>
 


./assets/emoji/blzt.png

../../assets/emoji/blzt.png

扩展阅读

类型示例(Unix/Linux)示例(Windows)解释
绝对路径/home/user/documents/file.txtC:\Users\User\Documents\File.txt从根目录开始指定文件或目录的完整路径。
相对路径../documents/file.txt./images/picture.jpg相对于当前工作目录,提供了从当前位置到目标文件或目录的路径。