小编Sab*_*ani的帖子

我正在尝试在 Nuxt 3 应用程序中使用 NuxtLink 来使用路线，它正在更改路线，但它没有显示任何内容。但是，如果我刷新或重新加载之前为空白的更新路线，那么它会正常显示其内容。

/pages/index.vue

<template>
  <div>
    <h1>It's Nuxt3!</h1>
    <p>Home Page</p>
  </div>
  <NuxtLink to="/user">User</NuxtLink>
</template>

/pages/user.vue

<template>
  <div>
    <h1>It's Nuxt3!</h1>
    <p>User Page</p>
  </div>
</template>

文件夹结构和插图：

我正在开发一个Next.js 14应用程序App Router，我想根据用户的配色方案偏好（深色或浅色模式）动态更改图标。目前，我有一个黑色的图标和一个白色的图标。如何设置 Next.js 14 应用程序，以便在激活深色模式时自动将图标切换到适当的版本，并在浅色或默认模式下恢复为黑色版本？

在以前的版本中，这可以使用该组件来实现<Head/>。然而，在版本 14 中，引入了Next.js新的接口来描述所有元数据字段。Metadata但是，现在我不确定如何实现基于颜色模式的图标更改。

我的期望：

• 在我的Next.js版本 14 应用程序中，我想动态更改favicon基于颜色模式。

• favicon我希望我可以根据用户的配色方案偏好（深色或浅色模式）以编程方式/自动在黑白版本之间切换。