nuxt.js 相关问题

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

在 Nuxt 中使用 this.$nuxt.$router.push 3 页面 url 更改但未呈现新页面

使用 Nuxt 3 我正在尝试导航到位于 pages/my-custom-page/index.vue 中的新寻呼机。单击按钮后,网址会发生变化,但页面内容永远不会被更新。当我重新...

回答 0 投票 0

使用@nuxtjs/auth-next 与谷歌登录

我正在使用“@nuxtjs/auth-next”:“5.0.0-1667386184.dfbbb54”进行身份验证。我在 nuxt.config.js 中设置了以下策略 谷歌: { 方案:'oauth2', ...

回答 0 投票 0

Vue.js Freshchat 调用

这些是我应该显示或不显示聊天机器人图标的页面。我为它提供了#fc_widget{ visibility: hidden !important;在我不应该展示的页面上。然而,当我回到...

回答 0 投票 0

使用 nginx 部署 Nuxt

我最近尝试在我的 Vue 项目中使用 Nuxt 进行服务器端渲染(SSR)。我对将构建文件(dist 文件夹)与 nginx 一起使用感到有点困惑。 在 Vue-CLI 中构建流程后...

回答 0 投票 0

NuxtJS:使用 nuxt-property-decorator 时 Prop 是否只读?

我有几年使用 Vuejs 和 Nuxtjs 的经验。目前,我正在使用 nuxt-property-decorator 一段时间。它太酷了。 我一直有一个概念,道具可以...

回答 0 投票 0

Nuxt 和 pinia 的 Vitest 设置自动导入

我正在尝试设置 vitest + @vue/test-utils 但我无法测试一些使用 ref(Vue) 或 useCookie (Nuxt) 的组件,我在 Pinia 也有同样的问题,我在全球导入2个功能我...

回答 1 投票 0

Nuxt 嵌套链接导致图像 404

我在 Nuxt Universal 应用程序上加载图片时遇到问题。 这是我的页面结构 ├── 旅行者 │ ├── _id.vue │ └── index.vue │── 关于 │── 索引 如果我加载 本地主机:3000 / 本地主机:3 ...

回答 2 投票 0

Nuxt tailwindcss 不是所有的 css 都被编译

我有一个带有 tailwindcss 的 nuxt 3 应用程序(在单声道存储库中)。问题是当我进行静态构建时,并不是所有的 CSS 都被编译(而且我的页面看起来很奇怪):npx nuxi generate。使用 npm run ...

回答 1 投票 0

没有为“.vue”文件配置加载器:node_modules/vue3-simple-html2pdf/src/vue3-simple-html2pdf.vue

我正在研究 nuxt 3 项目并安装了 js pdf 包以生成 PDF vue3-simple-html2pdf 包链接。 另外,我创建了一个插件文件来使用该插件 插件/js-pdf.js 进口

回答 0 投票 0

Watch for Store 使用 If 语句和 Await 更改

我正在使用手表检查 appStore.storeID 是否已更改,如果它确实更改并且值大于零,它应该触发 Supabase 数据库获取。 //导入存储D ...</desc> <question vote="0"> <p>我正在使用手表检查 appStore.storeID 是否已更改,如果它确实更改并且值大于零,它应该触发 Supabase 数据库获取。</p> <pre><code>&lt;script setup&gt; //import Store Data import { useAppStore } from &#39;~/store/app&#39;; //set Store as a Constant const appStore = useAppStore(); const supabase = useSupabaseClient(); watch( () =&gt; appStore.storeID, () =&gt; { if (appStore.storeID &gt; 0) { const { data } = await supabase .from(&#39;productinfo_testv12&#39;) .select(&#39;*&#39;) .eq(&#39;id&#39;); } } ); &lt;/script&gt; </code></pre> <p>我得到了这个错误</p> <pre><code>[@vue/compiler-sfc] Unexpected reserved word &#39;await&#39;. (14:23) </code></pre> <p>我期待这会返回一个可以在模板中使用的 const {data}。</p> </question> <answer tick="true" vote="0"> <p>尝试像这样使用 async 关键字</p> <pre><code>watch( () =&gt; appStore.storeID, async () =&gt; { // added async keyword here if (appStore.storeID &gt; 0) { const { data } = await supabase .from(&#39;productinfo_testv12&#39;) .select(&#39;*&#39;) .eq(&#39;id&#39;, appStore.storeID); // added the value of storeID to the query } } ); </code></pre> </answer> <answer tick="false" vote="0"> <p>使用@user1854438 帮助,能够通过以下方式获得预期的结果。</p> <p>将 {data} 存储为能够访问模板内部和块外部的商店。</p> <pre><code>&lt;script setup&gt; //import Store Data import { useAppStore } from &#39;~/store/app&#39;; //set Store as a Constant const appStore = useAppStore(); const supabase = useSupabaseClient(); watch( () =&gt; appStore.storeID, async () =&gt; { // added async keyword here if (appStore.storeID &gt; 0) { const { data } = await supabase .from(&#39;productinfo_testv12&#39;) .select(&#39;*&#39;) .eq(&#39;id&#39;, appStore.storeID); // added the value of storeID to the query appStore.updateDataID(data); } } ); &lt;/script&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

出现“defineNuxtConfig is not defined”错误

情况 npx nuxi init 我的项目名称 cd 我的项目名称 npm 安装 当我运行此命令时,出现错误“defineNuxtConfig 未定义”。 我试过重新安装 node.js,但是 ...

回答 0 投票 0

如何获取路由中的用户 ID?

假设我想路由到 /api/user/:id/apikeys 我目前有 /服务器 /API /用户 [id].get 如果我添加一个 apikeys 文件夹,我如何捕获路由中的用户 ID?

回答 1 投票 0

Nuxt3 深度 API 路由

假设我想路由到 /api/user/:id/apikeys 我目前有 /服务器 /API /用户 [id].get 如果我添加一个 apikeys 文件夹,我如何捕获路由中的用户 ID?

回答 1 投票 0

Plesk 中设置的自定义环境变量在构建期间不适用于 Nuxt.js

Plesk Obsidian 18.0.48 上的 Node.js 14.21.1 上的 Nuxt v2.15.8 我正在尝试在 Plesk 的 nodejs 模块中使用环境变量。 但似乎我无法在构建期间访问变量。 ...

回答 1 投票 0

setInterval 触发多次并可能搞乱组件渲染

我正在 Nuxtjs 3 中开发这个小型仪表板类型的网站来显示一些统计数据,我希望两个组件经常相互交换,所以我决定在 Typescr 中使用 setInterval ...

回答 0 投票 0

如何在 Nuxt 数据中进行基本计算()

我的 Nuxt 应用程序中的 data() 中有一个对象数组,设置如下。 我的对象:[ { 第一个号码:2, 第二个:3, thirdNumber: this.firstNumber * this.secondN...

回答 1 投票 0

Strapi 仅查找登录用户的条目不工作

在我的 NuxtJS 代码 (@nuxt 2.15.8) 中,我使用 @nuxtjs/strapi ^0.3.4 来获取存储在 Strapi 4.8.2 中的条目(提交)。每个条目都与一个用户有关系(多对一,一个用户可以有多个

回答 0 投票 0

Nuxt3“await navigateTo ('/some-path')”第一次在“defineNuxtRouteMiddleware”内部调用时不起作用,但至少在外部声明时运行良好

导出默认 defineNuxtRouteMiddleware(async(to, from) => { const loggedIn = useState('loggedIn', () => false) 如果(loggedIn.value == false){ 如果(to.path == '/auth/login'){ ...

回答 2 投票 0

Nuxt 3 - 404 页面未找到错误和 H3Error 页面未找到

每当用户访问不存在的页面时,我都会在日志中收到以下错误,我宁愿不记录每个未找到的页面。 [nuxt] 在应用程序初始化 H3Error 期间捕获错误:页面 ...

回答 2 投票 0

当后端在 https 上时,Nuxt3 Js “自签名证书错误”

我的后端(API 端点)在 https://localhost:44308/api 上运行。在这种情况下,Nuxt3.js 会给出以下错误: 请求 https://localhost:44308/api/menus 失败,原因:self

回答 1 投票 0

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