nuxt.js 相关问题

Nuxt.js是一个用于创建Vue.js应用程序的框架,您可以选择Universal,Static Generated或Single Page应用程序(受Next.js启发)

使用 nuxt 3 持久存储 pinia

我按照这里提供的指南进行操作 pinia 持久状态插件,但我无法让它工作,我的状态在页面刷新时重置,我的配置有问题吗? // nuxt.config 模块:[ [ ...

回答 1 投票 0

如何在 Nuxt3 中检测用户设备并相应地加载 UI

我正在做 Nuxt3 项目。 我想为桌面版和移动版使用不同的布局。在某些页面上,一些不同的组件或块取决于设备。 例如,这是 default.vu ...

回答 3 投票 0

如何使用 nuxt/auth-next 与 oauth2 交换访问令牌的代码

我正在使用“@nuxtjs/auth-next”:“5.0.0-1618898588.9655d0e”进行身份验证,我想使用它来集成谷歌。 我在 nuxt.config.js 中设置了以下代码 谷歌:...

回答 2 投票 0

如何在VUE切换语言时更改头部元数据?

还有人问这个问题吗?如果是,请给我链接以阅读此问题,如果不是,该怎么做? 我想改变每个用户的标题和描述切换语言......

回答 4 投票 0

Nuxt/Vue @Click 值仅触发一次

我有一个名为“ProductGrid.Vue”和“LoadItem.vue”的组件(这是侧加载程序菜单)。 目前,我在两者中都有名为 show 的 Prop,一旦 LoadItem 菜单关闭,我就无法触发 show =

回答 0 投票 0

如何在Nuxt3中添加自定义路径路由?

这是我的应用程序页面 https://example.com/ https://example.com/products/ https://example.com/products/1 https://example.com/blogs/ https://example.com/blogs/1 ... 目录如下...

回答 2 投票 0

如何使用 editorjs 设置上传图片到 cloudinary 的配置?

尝试在 editorjs 上将图像上传到 cloudinary 时遇到问题,出现 404 错误请求错误。 这是我当前对 editorjs-image 的配置: 我希望有人能帮助我,谢谢!

回答 0 投票 0

Fetch 和 asyncData 未在 Nuxt3 页面中运行

在 Nuxt3 中,我正在尝试使用 asyncData(在更长的脚本中)。它根本没有运行(控制台中没有错误,只是没有执行)所以我尝试使用 asyncData 执行简单的任务然后获取,n ...

回答 0 投票 0

如何在 Nuxt 3 中传递动态图片 url

我想在 Nuxt 3 中传递一个动态图片 url。 这就是它在 Nuxt 2 中的工作方式: **示例 Childcomponent.vue:** \ \ \ 我想在 Nuxt 3 中传递一个动态图片 url。 这就是它在 Nuxt 2 中的工作方式: **示例 Childcomponent.vue:** \<template\> \<NuxtLink \> \<img :src="require(`@/static/media/${work.image}.png\`)" alt=""\> \</NuxtLink\> \</template\> \<script\> export default { props: { work: { type: Object, required: true, }, } } \</script\>\ **父组件:** \`\<template\> <CardsCaseCard :work="work" /> export default { name: 'CaseList', data() { return { works: \[ { id: 1, image: 'office-1' }, { id: 2, image: 'office-2' }, { id: 3, image: 'office-3' }, \] } } } \</script\>\` 有谁知道如何在 Nuxt 3 中传递图像? 我见过一些解决方案,例如此处:Nuxt 3 在构建过程中动态设置 src 时图像未呈现 但我仍然不清楚这是如何处理一系列图像的。

回答 0 投票 0

从 Vue 项目中的不相关组件触发方法和更改子组件状态的模式

我有一个导航组件,它有可扩展的导航项,其中包含自己的子菜单项。 每个菜单项都有状态来控制它是展开还是折叠以及切换 t...

回答 0 投票 0

如何在 Nuxt 3 中间件获取当前域?

我不能在这里使用 window.location 因为它是 SSR 应用程序。 useRouter、useRoute 和 useNuxtApp 也没有域名。 nuxtApp.ssrContext 未定义。 导出默认 defineNuxtRouteMiddleware((到:...

回答 3 投票 0

ui loader spinner 在 Nuxt 3 App 中没有正确显示

数据已正确加载,但加载时,我看不到加载器会向用户展示正在加载数据。同时,当我尝试在模板中指定时

回答 1 投票 0

Supabase 生成类型失败

我正在尝试运行命令来通过 cli 更新我的输入,但它继续给出以下错误,但是当我调试时,这就是我得到的全部。没什么可合作的。 2023/03/01 09:34:01 接收第一...

回答 3 投票 0

如何在 nuxt.js 2 项目中添加 Yandex 指标并发送 setUserId?

你能告诉我如何向用 nuxt.js 版本 2 编写的项目添加指标并发送 setUserId 和其他目标吗? 我试过 vue-yandex-metrika 和 nuxtjs/yandex-metrika 但他们不提供

回答 0 投票 0

DaisyUI:当语言切换到 RTL 时,如何将方向切换到 RTL?

我使用 Tailwind CSS 和 DaisyUI 作为 UI 组件。 当语言从英语变为波斯语时,我想将方向更改为 RTL, 我知道您可以在 Tailwind 配置中为 DaisyUI 设置 RTL 但我 ...

回答 1 投票 0

Nuxt 3 如何为生成的静态文件添加缓存控制

我正在使用 Nuxt 3 创建 SSR 项目。 我正在考虑将 Cache-Control Header 添加到 .output/_nuxt 目录中生成的静态文件。 我尝试了下面的代码 server/middleware/cache-control.ts 出口

回答 4 投票 0

为什么 VueUse useInfiniteScroll 可组合在 Vue3 应用程序中工作,而不是 Nuxt3?

有人能告诉我为什么当用户滚动到视口底部时页面不会加载更多数据吗?在Nuxt3中好像不行,但是在Vue 3中可以正常运行,为什么呢? 我正在使用 useInfiniteS...

回答 0 投票 0

从 Nuxt 3 REST API 路由返回图像

我有一个简单的 API,可以获取图像、转换图像并返回新图像。我目前可以返回图像的 base64 字符串表示形式,但如何将其作为

回答 1 投票 0

如何在nuxt-docus项目中使用nuxt/image处理图片?

我尝试在 nuxt-docus 项目中使用 https://image.nuxtjs.org/,但是 figcaption 没有按预期显示,而图像显示正确。相关的md内容是 <... 我尝试在 nuxt-docus 项目中使用 https://image.nuxtjs.org/,但是 figcaption 没有按预期显示,而图像显示正确。相关的md内容是 <figure> <nuxt-img src="/pic.webp" alt="lulu smiling" quality="100" loading="lazy" fit="contain" /> <figcaption align="center">smiling cat.</figcaption> </figure> 最小的例子是codesandbox和https://github.com/dofine/docus-test-image

回答 0 投票 0

如何使用 nitro 在 nuxt 3 中重命名 firebase 函数?

这是我的 nuxt.config.js // https://nuxt.com/docs/api/configuration/nuxt-config // eslint-disable-next-line no-undef 导出默认 defineNuxtConfig({ 预设:'节点服务器', 模块:[ '@nu ...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.