在图像标签中显示S3图像？

Question

我已经将图像上传到S3，现在是html，我只想检索它们，所以我这样做了：

<a href="{{ url('/') }}">
    <img class="navbar-brand" src="https://s3.eu-west-2.amazonaws.com/production/public/images/logo-small.png">
</a>

但是，图像未显示。如果将链接放在浏览器中，则会得到：

公共/图片/标志，small.png

而不是实际的图像。

我在这里做错了什么？

我遇到的另一个问题是我所有的CSS和JS都有

{{ asset('path/to/file') }}可以在本地正常运行，但不能在我的网络服务器上使用，因为它为我提供了http：//域，而我的服务器具有https：//

现在，如果我将资产更改为secure_asset，则它可以工作，但是在本地则不能，因为我的本地版本显然不安全。

我该如何解决这两个问题？

Answer 1

Okey，首先， public目录不需要被调用，因为它是服务器的默认根目录，因此您的url如下所示：

/images/logo-small.png

正如文档中提到的，asset（）辅助函数：

使用请求的当前方案（HTTP或HTTPS）为资产生成URL

因此，您可能需要更改请求方案，也请检查您的.env文件， APP_URL字段是使用https设置的。

最后，我建议您将s3设置为存储磁盘，以便您可以像这样调用助手：

use Illuminate\Support\Facades\Storage;

$url = Storage::url('file.jpg');

作为附加信息，过去我的文件不公开时我曾遇到过s3的问题，因此我无法通过url访问它们，请在s3面板中检查文件配置（如果设置为public），则可以检查其网址也位于同一面板。

希望这对您有所帮助。

Answer 2

使用HTTP和HTTPS重定向的第二个问题的答案。

通过使用env('APP_ENV')检查您的工作环境，并相应地设置条件。 为此，只需创建一个中间件，然后根据环境使用HTTPS or HTTP重定向URL。

如果您使用Laravel 5+ 。

这是中间件示例：

<?php namespace App\Http\Middleware;

use Closure;
use Illuminate\Contracts\Routing\Middleware;

/**
 * Secure
 * Redirects any non-secure requests to their secure counterparts.
 *
 * @param request The request object.
 * @param $next The next closure.
 * @return redirects to the secure counterpart of the requested uri.
*/
class Secure implements Middleware
{

    public function handle($request, Closure $next)
    {
        $secureEnvs = ['dev', 'qa', 'stage', 'prod'];
        $isSecureEnv = in_array(env('APP_ENV'), $secureEnvs);
        $requestNotSecure = $request->header('x-forwarded-proto') !== 'https';

        // If environment is secure and request is not redirect
        if ($isSecureEnv && $requestNotSecure) {
            return redirect()->secure($request->getRequestUri());
        }

        return $next($request);
    }

}

在$routeMiddleware数组中添加此中间件的条目。