Laravel 编辑页面在服务器上时不会调用 CSS 和 JS答案

【问题标题】：Laravel edit page does not call CSS and JS when on a serverLaravel 编辑页面在服务器上时不会调用 CSS 和 JS
【发布时间】：2021-07-16 14:13:02
【问题描述】：

我为我的应用程序创建了一个编辑页面，该页面可通过索引访问。我有一个 master.blade.php 文件，其中包含脚本和 CSS 链接的所有引用。每个页面都调用这个母版页来使用导航栏、标题和 CSS/JS。编辑页面似乎没有调用它，当我在服务器上推送这个项目时，它在控制台上显示这些 CSS 和 JS 文件的404 not found。有谁知道我做错了什么

我已将 CSS/JS 文件的路由更改为正确路由，并且在除此页面之外的其他任何地方都能正确调用。

这是我的路径示例：

<link href="../assets/css/bootstrap.min.css" rel="stylesheet" />

这是在我的母版页中，所以我在其他页面中调用：

@extends('layouts.master')

【问题讨论】：

"有谁知道我做错了什么" 没有任何代码示例我们怎么能知道呢？您肯定需要使用浏览器的检查工具自己调试它，我很确定这是由您的路径中的一些拼写错误引起的。如果没有关于您的结构和生成的 pah 的最少细节，我们甚至无法尝试猜测问题是什么。向我们展示至少一个找不到的路径，并告诉我们出现问题的页面的确切 URL。
对@biesior 感到抱歉。我不知道要包括什么，让我放一个路径
别抱歉，你有意愿*合作* ;) 如前所述，还告诉我们缺少资产的确切 URL（来自地址栏），例如这个 CSS 和页面它发生（域名可能是假的），所以我们可以比较：我的 CSS 在 domain.tld/assets/css/bootstrap.min.css 并且问题出现在页面 domain.tld/path/to/my/edit/page
@biesior 好的，所以我的页面是testapp\public\assets\css\bootstrap.min.css，它出错的页面是domain.tdl/testapp/energys-edit/1042。其中 1042 是我正在编辑的记录的 ID
@biesior 我在控制台中看到正在从testapp\energys-edit\public\assets\css\bootstrap.min.css 读取 js 和 css 文件...这不应该发生，而是应该从上面的路径中读取

标签： javascript php css laravel laravel-8

【解决方案1】：

像这样使用资产函数

<link href="{{asset('path')}}" rel="stylesheet" />

【讨论】：

【解决方案2】：

在 Laravel 中，导入任何资产的最佳方法是在刀片文件中使用资产函数：

asset('path to css')

这适用于将图像、CSS 和 JS 文件以及其他文件导入刀片或 HTML。只需将您的文件上传到“公共”文件夹，就像这个文件夹脚手架：

---- public
---- ---- css
---- ---- ---- bootstrap.min.css

并像这样使用资产函数：

<link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet" />

希望这个回复对你有用！

【讨论】：