Question

所以我有这个php.blade视图，我希望用流明返回。

layout.blade.php

    <head>
    <!--AXIOS-->

    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

     <!--JQUERY-->

     <script src="{{ asset("libraries/go-debug.js") }}"></script>
     <script src="{{ asset("libraries/jquery-3.2.1.min.js") }}"></script>



     <!--MATERIALIZE-->

     <link type="text/css" rel="stylesheet" href="{{ asset("libraries/materialize/css/materialize.min.css") }}"  media="screen,projection"/>
     <script type="text/javascript" src="{{ asset("libraries/materialize/js/materialize.min.js") }}"></script>

     <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

     <!--ICONE MATERIALIZE-->

     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

     <!--CSS IMPORTATO-->
    <link type="text/css" rel="stylesheet" href="{{ asset("loginPage/login.css") }}">


    @yield('head')

    </head>

     <body>
           @yield('body')
     </body>
    </html>

login.blade.php

@extends('layout')

@section('imports')
    <title>Login Page</title>
@stop

@section('body')
    <script src="{{ asset("loginPage/login.js") }}"></script>
    <!--NAVBAR-->
    <nav>
        <div class="nav-wrapper">
            <a href="#" class="brand-logo center">Logo</a>
            <ul id="nav-mobile" class="right hide-on-med-and-down">
                <li><a href="index.html"><i class="material-icons" style="font-size:36px;">home</i></a></li>
            </ul>
        </div>
    </nav>

    <div class="row">
        <div class="col s12 m2" id="center">
          <div class="card">
            <div class="card-image">
              <img src="image/logo.jpg" class="responsive-img" id="logo" style="width:200px; height:200px;">
              <span class="card-title">Card Title</span>
            </div>
            <div class="card-content">
              <p>I am a very simple card. I am good at containing small bits of information.
              I am convenient because I require little markup to use effectively.</p>
              <div class="fb-login-button" data-width="">
              </div>
            </div>
            <div class="card-action">
            </div>
          </div>
        </div>
      </div>
@stop

在这个视图中，你可以看到我试图导入像materialize，css和js脚本这样的库。

问题在于流明无法在他的路径中找到这些文件，甚至无法通过互联网进行调用。

这是路径的图片

我该如何解决这个问题？

Answer 1

据我所知，所有资源必须位于公开文件夹中。

e.g。

<强> 公共/ JS /库/ jquery的-3.2.1.min.js

之后移动它们，按照以下方式更改代码：

<强> layout.blade.php

<script src="{{ asset("js/libraries/jquery-3.2.1.min.js") }}"></script>

注意，在您的情况下，您必须在公共场所下移动：

文库
自举
loginpage

如果相反，你有自己的scss或js来编译看看：https://laravel.com/docs/5.6/mix

修改

Lumen不提供您可能想要使用的资产帮助程序功能网址 e.g。

<script src="{{ url("js/libraries/jquery-3.2.1.min.js") }}"></script>

如果你想要你可以创建自己的资产助手功能，请看一下：

https://laracasts.com/discuss/channels/lumen/extend-helper-functions-to-lumen?page=0

或

How to do {{ asset('/css/app.css') }} in Lumen?

如何在流明上的刀片文件中导入库？

1 个答案: