如何解决视图中的 net::ERR_ABORTED 404 (Not Found), error dont let display the css Laravel 6.0?

Rin*_*r21 5 html javascript css php laravel

我正在做一个视图,当我发送我想向该视图显示的信息时,发送我上面显示的错误,并且该视图仅以 html 显示。当我没有向视图发送信息时,不会发生此错误。我不知道,如何解决。

  • 完全像这样说GET http://127.0.0.1:8000/entradas/1/comprar/1/detalle_ventaEntrada/200000/css/bootstrap.min.css net::ERR_ABORTED 404 (Not Found)and GET http://127.0.0.1:8000/entradas/1/comprar/1/detalle_ventaEntrada/200000/js/jquery.stellar.min.js net::ERR_ABORTED 404 (Not Found) in the consolewith everyjscssin the stylesheetandscripts
  • 下面我将给出我的脚本的代码,头部的链接以及我想要显示的信息

<link stylesheet="" href=""> 和脚本 indhead标签

<head>
    <title>ACAVUCAB</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <script src="{{ asset('js/app.js') }}" defer></script>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/aos.css">
    <link rel="stylesheet" href="css/ionicons.min.css">
    <link rel="stylesheet" href="css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="css/jquery.timepicker.css">
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
Run Code Online (Sandbox Code Playgroud)

脚本

<script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/bootstrap-datepicker.js"></script>
  <script src="js/scrollax.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  <script src="js/google-map.js"></script>
  <script src="js/main.js"></script>
Run Code Online (Sandbox Code Playgroud)

我想在视图中显示的东西

@foreach ($detalle_venta_entrada as $item)
                                <td class="image-prod"><div class="img" style="background-image:url(ticket_event.jpg);"></div></td>
                                <td class="product-name">
                    <h3>{{$item->numero_entrada}}</h3>
                                <p>Esta entrada es de uso unico y exclusivo para este evento</p>
                                </td>
                  <td class="price">{{$item->precio}}}</td>
                  <td>{{$item->fecha}}</td>
                              <td class="total">{{$item->precio}}</td>
                              </tr><!-- END TR-->
                  @endforeach
Run Code Online (Sandbox Code Playgroud)

Kam*_*aul 2

http://127.0.0.1:8000/entradas/1/comprar/1/detalle_ventaEntrada/200000/css/bootstrap.min.css
Run Code Online (Sandbox Code Playgroud)

在这里您可以看到您的 .css 文件正在尝试从此 url 加载,这是不正确的。

使用 Laravel 内置asset()函数。

https://laravel.com/docs/master/helpers#method-asset

这将指向public您的应用程序的文件夹,因此:

使用asset('expamleFolder/bootstrap.js'),它会查找您的bootstrap.js 内部 public/expamleFolder。

注意:始终将资产保存在公共文件夹中。


将其替换为旧代码

<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
<link rel="stylesheet" href="{{ asset('js/jquery.stellar.min.js') }}">
Run Code Online (Sandbox Code Playgroud)

这是 2 个错误的解决方案