Laravel 中需用 asset() 引入本地 CSS（如 public/css/custom.css），CDN 资源须手动写完整 HTTPS URL；CDN 样式应置于 <head> 前部，本地样式后置以实现覆盖；禁用 ASSET_URL 指向第三方 CDN，避免 404。
要在 Laravel 项目中让一个页面既加载本地 CSS 文件（如自定义主题、调试样式），又加载 CDN 上的第三方样式（如 Bootstrap、Font Awesome），必须明确区分资源来源路径，避免 asset() 自动拼接导致 CDN 资源被错误重写为本地域名。
确认本地 CSS 存放位置并用 asset() 引入
把你的本地 CSS 文件（例如 custom.css）放入 public/css/ 目录下，确保路径为 public/css/custom.css。
在 Blade 模板中使用 asset() 函数生成正确 URL：<link href="{{ asset('css/custom.css') }}" rel="stylesheet">。
这一步必须做——asset() 只认 public 下的相对路径，且会自动适配 APP_URL 协议与子目录，硬编码 /css/custom.css 在部署到子路径时必然失效。
立即学习“前端免费学习笔记（深入）”；
手动引入 CDN 样式（不经过 asset()）
CDN 资源不能走 asset()，否则会被 ASSET_URL 或 APP_URL 前缀覆盖。直接写完整 HTTPS URL 即可：
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.2/css/all.min.css" rel="stylesheet">
注意：这些链接必须放在 <head> 内，且顺序要合理——通常 CDN 的通用样式（如 Bootstrap）放在前面，本地定制样式（custom.css）放在后面，确保后者能覆盖前者规则。
避免 CDN 和本地资源路径冲突
第一步：检查 .env 中是否误设了 ASSET_URL，如果只用 CDN 加载第三方样式，【ASSET_URL 必须仅指向你自己的静态资源 CDN，不能包含第三方 CDN 域名】。
第二步：若你已配置 ASSET_URL=https://cdn.example.com，则所有 asset() 生成的链接都会以该域名开头；此时切勿把 CDN 第三方文件也丢进 public/ 并试图用 asset() 引入——比如把 bootstrap.min.css 放进 public/vendor/ 然后写 asset('vendor/bootstrap.min.css')，这会导致请求发往你自己的 CDN 域名，而你并未上传该文件，结果 404。
第三步：如需统一管理 CDN 地址，可在 config/app.php 中添加自定义配置项，例如 'cdn_assets' => env('CDN_ASSETS', 'https://cdn.jsdelivr.net/npm')，然后在 Blade 中用 {{ config('app.cdn_assets') }}/bootstrap@5.3.3/dist/css/bootstrap.min.css 引入——这样便于环境间切换，又不干扰 asset() 行为。
