首先配置环境变量CACHE_URL指向CDN域名,并在config/app.php中设置asset_url读取该值,使asset()函数自动生成带CDN前缀的资源路径;然后在Blade模板中统一使用asset()输出CSS、JS、图片等资源链接;接着通过部署脚本或CI/CD工具将public目录下的静态文件同步至CDN服务器或对象存储;最后若使用Laravel Vite,可在vite.config.js中根据环境设置base选项以支持CDN,实现生产环境资源自动指向CDN地址。

在 Laravel 中配置 CDN 来加速静态资源加载,主要是将 CSS、JS、图片等文件的访问路径指向 CDN 地址。这样可以减轻服务器压力,提升页面加载速度。实现方式包括使用 Laravel 的 asset helper 配合环境变量动态切换资源地址。
1. 设置环境变量指定 CDN 域名
在项目根目录下的 .env 文件中添加 CDN 相关配置:CACHE_URL=https://cdn.yoursite.com
'asset_url' => env('CACHE_URL', null),
Laravel 的 asset() 辅助函数会自动使用这个配置作为资源路径前缀。
2. 使用 asset() 输出带 CDN 的资源链接
在 Blade 模板中,始终使用 asset() 函数生成静态资源 URL:@@##@@当配置了 CACHE_URL 后,以上代码会自动生成类似:
https://cdn.yoursite.com/css/app.css
3. 部署时同步资源到 CDN
CDN 要能访问这些文件,你需要把 public 目录下的静态资源上传到 CDN 服务器或对象存储(如阿里云 OSS、腾讯云 COS、AWS S3)。常见做法:- 使用部署脚本(如 deployer、GitHub Actions)自动上传 build 后的资源
- 配置对象存储的静态网站托管,并绑定自定义域名
- 开启 CDN 缓存回源,首次请求自动拉取源站资源
4. 可选:使用 Laravel Vite 配合 CDN(现代前端构建)
如果你使用 Laravel 9+ 和 Vite,默认情况下它也支持自定义资源路径。可以在 vite.config.js 中设置 base:export default defineConfig({
plugins: [laravel(...)],
base: process.env.APP_ENV === 'production' ? 'https://cdn.yoursite.com/' : '/',
})
同时确保 build 后的资源被正确上传到 CDN。
基本上就这些。关键是统一使用 asset() 或 Vite 生成路径,并通过环境变量控制前缀,再配合自动化部署把文件推送到 CDN。这样切换环境时无需修改代码,灵活又高效。%20%7D%7D)










