Question

我是新手，只想从route-> view中查看一张图片。

图片名称为Frozen_Ophelia_800x.png

这是我的路线：

Route::get('/products', function(){
    return view('/pages/product');
});

这是我的product.blade.php

<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

    <h1> <img src="public/images/product/Frozen_Ophelia_800x.png"></img></h1>

</body>

</html>

但是，当我访问http://localhost:8000/products或http://127.0.0.1:8000/products时，我只在左上角看到一个小图标：我使用命令行将图像从Ubuntu 18.04中的桌面移动到该文件夹。

这是我的项目结构，显示的图像如下：

Answer 1

您可以从公用文件夹访问图像。

（1）使用APP_URL传递路径

$.getScript

（2）没有APP_URL的传递路径

<img src="http://127.0.0.1:8000/images/product/Frozen_Ophelia_800x.png">

Answer 2

很有可能是相对于当前页面确定图像URL的问题，因此它将尝试获取：

http://localhost:8080/products/public/images/product/Frozen_Ophelia_800x.png

您可以通过查看浏览器中的开发者控制台，然后查看网络流量来确认。

如果是这样，您可以将img标记重写为：

<img src="/public/images/product/Frozen_Ophelia_800x.png">

在开头添加/可使浏览器从站点根目录开始查找图像，因此：

http://localhost:8080/public/images/product/Frozen_Ophelia_800x.png

Laravel，public / images / product文件夹中的`.png`图片无法正确显示

2 个答案: