Laravel后台上传图片无法在用户门户显示的路径配置问题

核心原因 #

后台与用户门户处于不同文件目录，前端原使用的绝对路径/storage/image/{{ $member->image }}是基于后台根目录的路径，对用户门户而言，该路径指向的是自身目录下的storage文件夹，而非后台的存储目录，因此无法加载图片。

具体解决方案 #

方案1：用Laravel的asset()辅助函数生成正确路径 #

将用户门户的前端图片引用代码修改为：

<img src="{{ asset('storage/image/' . $member->image) }}" width="150" height="150"/>

asset()函数会根据当前用户门户的APP_URL配置，生成基于该门户根路径的完整URL，确保能正确指向后台创建的storage软链接对应的文件位置（需保证用户门户的Web服务器能访问到该storage目录）。

方案2：调整存储与访问的共享配置 #

若两个门户是完全独立的应用：

• 共享存储目录：将图片上传到服务器上两个门户都能访问的公共文件夹，修改后台上传代码的存储路径为该共享目录，用户门户直接引用该目录的路径。
• Web服务器转发配置：在用户门户的Web服务器（如Nginx）中添加规则，将/storage/image/开头的请求转发到后台的对应目录。以Nginx为例，配置如下：

location /storage/image/ {
    proxy_pass http://后台域名或IP/storage/image/;
}

优化后台上传代码（可选） #

Laravel推荐使用官方Storage门面处理文件上传，逻辑更规范，修改后台上传代码为：

use Illuminate\Support\Facades\Storage;

// ...

if ($request->hasFile('image')) {
    $file = $request->file('image');
    $extension = $file->getClientOriginalExtension();
    $filename = time() . '.' . $extension;
    // 用public磁盘存储到image目录
    Storage::disk('public')->putFileAs('image', $file, $filename);
    $member->image = $filename;
}
$member->save();

内容的提问来源于stack exchange，提问作者Preethi Shetty