You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何禁用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 06:54:50