如何禁用Nuxt3默认加载指示器？刷新首页时它短暂出现

有两种可靠的方法可以解决这个问题：

方法一：通过Nuxt配置全局禁用 #

在项目根目录的nuxt.config.ts文件中，修改app配置项，将loadingIndicator设置为false：

export default defineNuxtConfig({
  app: {
    loadingIndicator: false
  }
})

这个配置会全局禁用Nuxt的默认加载指示器，包括刷新首页时出现的那个。

方法二：自定义app.vue移除加载逻辑 #

如果全局配置没有生效，可以直接替换默认的app.vue内容，去掉内置的加载相关组件。创建或修改项目根目录下的app.vue为以下内容：

<template>
  <NuxtPage />
</template>

默认的app.vue可能包含Nuxt自动注入的加载指示器逻辑，替换成极简结构后就不会再出现默认加载效果。

尝试以上两种方法后，刷新首页应该就不会再看到那个短暂的加载指示器了。

内容的提问来源于stack exchange，提问作者Bartek Pierściński