文章/答案/技术大牛

发布

社区首页 >问答首页 >同一刀片组件在一个视图中正确显示，而在其他视图中不显示来自公用文件夹的图像。

问同一刀片组件在一个视图中正确显示，而在其他视图中不显示来自公用文件夹的图像。
EN

Stack Overflow用户

提问于 2022-03-25 18:50:17

回答 1查看 119关注 0票数 0

我正在使用Laravel 8构建一个网站，其中我有一个名为app.blade.php的组件。

这个组件是项目的主体，包括导航条。

我面临的问题是，这个概要在每个视图中都正确显示，而在一个名为article.blade.php的视图中，它正在显示，但没有显示徽标图像，只有ALT文本。

我也尝试过在视图中使用其他图像，但是这些图像中没有一个是显示的，而在其他视图上，一切都是正确的。

目前的图像在公用文件夹中，稍后我将把所有的东西移到存储区。

这是我的部件

<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Scripts -->
    <script src="{{ asset('js/app.js') }}" defer></script>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&family=Readex+Pro:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">

    {{-- Icone --}}

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.2.0/css/glide.core.css" integrity="sha512-ShLuspGzRsTiMlQ2Rg0e+atjy/gVQr3oYKnKmQkHQ6sxcnDAEOtOaPz2rRmeygV2CtnwUawDyHkGgH4zUbP3Hw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
    <div id="app">
        <x-navbar/>

        <main>
            {{$slot}}
        </main>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Glide.js/3.2.0/glide.js" integrity="sha512-vZGsugWaSqQZuW8N5Z3ild7Tk8NqiZjKffeIQGpnnIs6g7HVZaFZjlLKPIw1qDsrQ5KAxAGfBinglQWu6i/8DA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>

我就是这样称呼它的：

<x-app></x-app>

有没有人知道它能取决于什么？对我来说，它在其他视图上正确地工作听起来很奇怪。

谢谢。

php

laravel

components

laravel-8

laravel-blade

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-03-25 19:30:04

在显示图像的代码中，您可能使用相对于当前路由的路径。

映像需要使用绝对路径(从/开始)或使用asset()助手加载。

由于您没有显示违规代码，很难给出具体的建议

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71621800

复制

相似问题

问同一刀片组件在一个视图中正确显示，而在其他视图中不显示来自公用文件夹的图像。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问同一刀片组件在一个视图中正确显示，而在其他视图中不显示来自公用文件夹的图像。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问同一刀片组件在一个视图中正确显示，而在其他视图中不显示来自公用文件夹的图像。
EN