【问题标题】:Linking to css file using asset in laravel在 laravel 中使用资产链接到 css 文件
【发布时间】:2019-03-29 14:50:32
【问题描述】:

我没有使用 localhost 来访问文件,而是使用了域名 lsapp.com 当我尝试使用资产链接到 css 文件时,它链接到 lsapp.com/css/app.css 但不起作用。使用 lsapp.com 时会打开公用文件夹中的相同 index.php 文件。 我尝试了许多不同的方法,但都没有奏效。请帮忙。

目前正在使用,但不起作用

<link href="{{ asset('css/app.css') }}" rel="stylesheet" type="text/css" />

但是如果我使用 localhost 打开文件,css 可以正常工作。

http://localhost/lsapp/public/index.php

【问题讨论】:

  • 分享你当前的输出和你需要的输出
  • 你用的是哪个版本的 laravel?
  • 你有没有在config/app.php'url' =&gt; 'http://www.example.com',文件中设置应用URL
  • i' 使用 Laravel 版本 5.7.9 @V5NXT
  • 我已经将 config/app.php 中的 url 设置为 'url' => env('http://www.lsapp.com', http://localhost') @JYoThI跨度>

标签: php css laravel hyperlink frameworks


【解决方案1】:

使用最新版本的 Laravel 我认为这会更传统。

mix.styles([
    'asset/css/app.css',

]);

请参考:

https://laracasts.com/discuss/channels/laravel/best-way-to-use-custom-css-in-laravel

https://laravel.com/docs/5.7/mix

【讨论】:

  • 很抱歉,我没有获得文档以及在何处应用此代码。 @V5NXT
  • 它是最新版本的 laravel,你可以在这里找到它。 laravel.com/docs/5.7/mix#plain-css
【解决方案2】:

我建议通过 laravel-mix 观看 laracast 的免费课程。
https://laracasts.com/series/learn-laravel-mix/episodes/1

你会学到很多关于编译 css & js 的知识。

【讨论】:

    【解决方案3】:

    确保您的.env 文件设置正确。

    "我在 config/app.php 中设置了 url 为 'url' => env('http://www.lsapp.com', http://localhost')"是错的。

    env() 从您的 .env 文件中获取变量名,而不是 URL。将这些更改恢复为默认值:

    'url' =&gt; env('APP_URL', 'http://localhost'),

    这基本上是说,“url 是来自您的环境(.env 文件)的 APP_URL 的值,或者,如果不存在,则使用 http://localhost

    在您的.env 文件中,将APP_URL 设置为http://www.lsapp.com,运行php artisan config:cache 以加载和缓存来自.env 的值,您应该一切顺利。

    【讨论】:

      【解决方案4】:

      我认为这是可行的。

      也许您假设您的公共目录中有您的 CSS 文件夹,我认为您需要为您的项目添加Illuminate/html。

      【讨论】:

      • css文件默认在public文件夹中。你能详细说明一下requireIllumina/html吗,我不太明白你的意思
      • 我不明白。为什么有人会为这么简单的事情使用 URL 外观。
      • 我使用了这两种方法,但都不起作用。在使用资产时,它必须链接到公共文件。但我认为它没有链接到公共文件,你能帮忙吗
      猜你喜欢
      • 2019-03-29
      • 2015-02-27
      • 2016-09-07
      • 1970-01-01
      • 2016-01-02
      • 2012-09-04
      • 2015-12-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多