如何移除Laravel Inertia/Vue与Tailwind自动注入的字体链接
如何移除Laravel Inertia/Vue+Tailwind环境下自动注入的Bunny字体链接
以下两行字体链接会自动注入到页面
<head>中,请问如何在Laravel Inertia/Vue与Tailwind环境下移除它们?<!-- Fonts --> <link rel="preconnect" href="https://fonts.bunny.net"> <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />附当前
tailwind.config.js配置:const defaultTheme = require('tailwindcss/defaultTheme'); /** @type {import('tailwindcss').Config} */ module.exports = { content: [ './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php', './storage/framework/views/*.php', './resources/views/**/*.blade.php', './resources/js/**/*.vue', ], darkMode: 'class', theme: { extend: { // fontFamily: { // sans: ['Figtree', ...defaultTheme.fontFamily.sans], // }, }, }, plugins: [require('@tailwindcss/forms')], };
解决步骤
- 修改根Blade模板:这些字体链接基本都是硬编码在Laravel的主模板里,比如Inertia项目的
resources/views/app.blade.php。打开这个文件,找到那两行<link>代码直接删掉就行。 - 确认Tailwind配置:你现在的
tailwind.config.js已经注释掉了Figtree字体的配置,这步没问题;要是以后也不用这个字体,直接把那段注释的代码删了也可以。 - 检查脚手架布局文件:如果项目是用Laravel Breeze或Jetstream生成的Inertia模板,字体链接可能在
resources/views/components/layouts/app.blade.php这类布局组件里,找到对应代码删除即可。 - 清除视图缓存:修改模板后执行以下命令清除Laravel视图缓存,确保修改立即生效:
php artisan view:clear
内容的提问来源于stack exchange,提问作者Allen_Tsang
相关产品推荐
相关产品推荐

