Laravel 5.6：从数据库JSON值取首元素后背景图无法显示

我来帮你拆解这个背景图无法显示的问题，核心原因是生成的URL路径多了一层/public，导致服务器无法正确定位到图片文件，具体分两种常见场景：

场景1：服务器Web根目录配置错误 #

如果你的服务器（Apache或Nginx）没有把Laravel项目的public文件夹设置为Web根目录，而是把整个项目根目录作为Web根，就会出现这种矛盾情况：

• 当你直接在浏览器地址栏输入/public/img/ads/IMG_4772.JPG时，服务器能找到项目根目录/public/img/ads/IMG_4772.JPG这个静态文件，所以可以正常打开。
• 但Laravel的路由系统会优先接管所有请求，当页面加载时请求这个背景图URL，Laravel会把/public/img/ads/IMG_4772.JPG当成一个路由来解析，找不到对应路由就返回404错误（也就是控制台显示的GET /public/img/ads/IMG_4772.JPG 0 ()）。

场景2：APP_URL环境变量配置错误 #

如果你的.env文件中APP_URL设置成了类似http://localhost/public，但服务器已经正确把Web根指向了Laravel的public文件夹，那么：

• asset()函数会基于APP_URL生成URL，导致最终路径多了一层/public，变成/public/img/ads/IMG_4772.JPG。
• 服务器的Web根是public，所以这个路径对应的实际文件位置是public/public/img/ads/IMG_4772.JPG，显然不存在，因此请求报错；而你复制URL到浏览器时可能手动调整了路径（比如去掉了/public），所以能正常打开。

对应的解决方案 #

方案1：修正服务器Web根目录配置（推荐） #

这是Laravel项目的标准部署方式，把服务器的Web根目录指向项目的public文件夹：

• Apache：修改虚拟主机配置，将DocumentRoot设置为/path/to/your/laravel/project/public，同时确保<Directory>节点指向同一个路径。
• Nginx：修改server块中的root为/path/to/your/laravel/project/public，并确保配置了try_files $uri $uri/ /index.php?$query_string;规则，让静态文件直接被服务器处理，无需经过Laravel路由。

修改后，你视图中的代码asset('img/ads/' . json_decode($ad->images, true)[0])会生成正确的URL：/img/ads/IMG_4772.JPG，服务器能直接定位到public/img/ads/IMG_4772.JPG文件，背景图就能正常显示。

方案2：修正APP_URL配置（临时方案） #

如果暂时无法修改服务器配置，可以调整.env文件中的APP_URL为你的应用实际访问根路径，比如你的应用通过http://localhost/your-project-name访问，就设置APP_URL=http://localhost/your-project-name，这样asset()生成的URL会自动适配路径，不会多余/public。

内容的提问来源于stack exchange，提问作者Rishar Butkevic