如何禁用Nuxt 3默认预加载器?
Nuxt 3 禁用默认预加载器的正确方法
Nuxt 3 已废弃 Nuxt 2 中的 loading: false 配置,所以你之前的设置不会生效。以下是两种可靠的禁用方式:
方法一:通过 nuxt.config.ts 全局禁用
在项目根目录的 nuxt.config.ts 中添加 app.loadingIndicator 配置并设为 false:
export default defineNuxtConfig({ app: { loadingIndicator: false } })
方法二:手动控制加载组件(更灵活)
Nuxt 3 的默认加载指示器是通过 <NuxtLoadingIndicator> 组件实现的。若你未在 app.vue 中显式引入该组件,默认加载器不会自动渲染;若项目之前自动注入了该组件,直接在 app.vue 中移除相关代码即可。
解决配置重置问题
若修改配置后重启服务器又恢复默认,检查以下几点:
- 确认配置文件为
nuxt.config.ts(或.js),且使用defineNuxtConfig正确导出配置 - 修改配置后完全重启开发服务器,不要依赖热重载
- 清理 Nuxt 缓存:删除项目根目录下的
.nuxt文件夹和node_modules/.cache目录,之后重新执行npm install和npm run dev
内容的提问来源于stack exchange,提问作者amisha
相关产品推荐
相关产品推荐

