首先配置环境变量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 配合环境变量动态切换资源地址。
CACHE_URL=https://cdn.yoursite.com
对应在 config/app.php 中读取这个值:
'asset_url' => env('CACHE_URL', null),
Laravel 的 asset() 辅助函数会自动使用这个配置作为资源路径前缀。
@@##@@当配置了 CACHE_URL 后,以上代码会自动生成类似:
https://cdn.yoursite.com/css/app.css
export default defineConfig({
plugins: [laravel(...)],
base: process.env.APP_ENV === 'production' ? 'https://cdn.yoursite.com/' : '/',
})
同时确保 build 后的资源被正确上传到 CDN。
基本上就这些。关键是统一使用 asset() 或 Vite 生成路径,并通过环境变量控制前缀,再配合自动化部署把文件推送到 CDN。这样切换环境时无需修改代码,灵活又高效。