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 中的新寻呼机。单击按钮后,网址会发生变化,但页面内容永远不会被更新。当我重新...
我正在使用“@nuxtjs/auth-next”:“5.0.0-1667386184.dfbbb54”进行身份验证。我在 nuxt.config.js 中设置了以下策略 谷歌: { 方案:'oauth2', ...
这些是我应该显示或不显示聊天机器人图标的页面。我为它提供了#fc_widget{ visibility: hidden !important;在我不应该展示的页面上。然而,当我回到...
我最近尝试在我的 Vue 项目中使用 Nuxt 进行服务器端渲染(SSR)。我对将构建文件(dist 文件夹)与 nginx 一起使用感到有点困惑。 在 Vue-CLI 中构建流程后...
NuxtJS:使用 nuxt-property-decorator 时 Prop 是否只读?
我有几年使用 Vuejs 和 Nuxtjs 的经验。目前,我正在使用 nuxt-property-decorator 一段时间。它太酷了。 我一直有一个概念,道具可以...
我正在尝试设置 vitest + @vue/test-utils 但我无法测试一些使用 ref(Vue) 或 useCookie (Nuxt) 的组件,我在 Pinia 也有同样的问题,我在全球导入2个功能我...
我在 Nuxt Universal 应用程序上加载图片时遇到问题。 这是我的页面结构 ├── 旅行者 │ ├── _id.vue │ └── index.vue │── 关于 │── 索引 如果我加载 本地主机:3000 / 本地主机:3 ...
Nuxt tailwindcss 不是所有的 css 都被编译
我有一个带有 tailwindcss 的 nuxt 3 应用程序(在单声道存储库中)。问题是当我进行静态构建时,并不是所有的 CSS 都被编译(而且我的页面看起来很奇怪):npx nuxi generate。使用 npm run ...
没有为“.vue”文件配置加载器:node_modules/vue3-simple-html2pdf/src/vue3-simple-html2pdf.vue
我正在研究 nuxt 3 项目并安装了 js pdf 包以生成 PDF vue3-simple-html2pdf 包链接。 另外,我创建了一个插件文件来使用该插件 插件/js-pdf.js 进口
Watch for Store 使用 If 语句和 Await 更改
我正在使用手表检查 appStore.storeID 是否已更改,如果它确实更改并且值大于零,它应该触发 Supabase 数据库获取。 //导入存储D ...</desc> <question vote="0"> <p>我正在使用手表检查 appStore.storeID 是否已更改,如果它确实更改并且值大于零,它应该触发 Supabase 数据库获取。</p> <pre><code><script setup> //import Store Data import { useAppStore } from '~/store/app'; //set Store as a Constant const appStore = useAppStore(); const supabase = useSupabaseClient(); watch( () => appStore.storeID, () => { if (appStore.storeID > 0) { const { data } = await supabase .from('productinfo_testv12') .select('*') .eq('id'); } } ); </script> </code></pre> <p>我得到了这个错误</p> <pre><code>[@vue/compiler-sfc] Unexpected reserved word 'await'. (14:23) </code></pre> <p>我期待这会返回一个可以在模板中使用的 const {data}。</p> </question> <answer tick="true" vote="0"> <p>尝试像这样使用 async 关键字</p> <pre><code>watch( () => appStore.storeID, async () => { // added async keyword here if (appStore.storeID > 0) { const { data } = await supabase .from('productinfo_testv12') .select('*') .eq('id', 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><script setup> //import Store Data import { useAppStore } from '~/store/app'; //set Store as a Constant const appStore = useAppStore(); const supabase = useSupabaseClient(); watch( () => appStore.storeID, async () => { // added async keyword here if (appStore.storeID > 0) { const { data } = await supabase .from('productinfo_testv12') .select('*') .eq('id', appStore.storeID); // added the value of storeID to the query appStore.updateDataID(data); } } ); </script> </code></pre> </answer> </body></html>
出现“defineNuxtConfig is not defined”错误
情况 npx nuxi init 我的项目名称 cd 我的项目名称 npm 安装 当我运行此命令时,出现错误“defineNuxtConfig 未定义”。 我试过重新安装 node.js,但是 ...
假设我想路由到 /api/user/:id/apikeys 我目前有 /服务器 /API /用户 [id].get 如果我添加一个 apikeys 文件夹,我如何捕获路由中的用户 ID?
假设我想路由到 /api/user/:id/apikeys 我目前有 /服务器 /API /用户 [id].get 如果我添加一个 apikeys 文件夹,我如何捕获路由中的用户 ID?
Plesk 中设置的自定义环境变量在构建期间不适用于 Nuxt.js
Plesk Obsidian 18.0.48 上的 Node.js 14.21.1 上的 Nuxt v2.15.8 我正在尝试在 Plesk 的 nodejs 模块中使用环境变量。 但似乎我无法在构建期间访问变量。 ...
我正在 Nuxtjs 3 中开发这个小型仪表板类型的网站来显示一些统计数据,我希望两个组件经常相互交换,所以我决定在 Typescr 中使用 setInterval ...
我的 Nuxt 应用程序中的 data() 中有一个对象数组,设置如下。 我的对象:[ { 第一个号码:2, 第二个:3, thirdNumber: this.firstNumber * this.secondN...
在我的 NuxtJS 代码 (@nuxt 2.15.8) 中,我使用 @nuxtjs/strapi ^0.3.4 来获取存储在 Strapi 4.8.2 中的条目(提交)。每个条目都与一个用户有关系(多对一,一个用户可以有多个
Nuxt3“await navigateTo ('/some-path')”第一次在“defineNuxtRouteMiddleware”内部调用时不起作用,但至少在外部声明时运行良好
导出默认 defineNuxtRouteMiddleware(async(to, from) => { const loggedIn = useState('loggedIn', () => false) 如果(loggedIn.value == false){ 如果(to.path == '/auth/login'){ ...
Nuxt 3 - 404 页面未找到错误和 H3Error 页面未找到
每当用户访问不存在的页面时,我都会在日志中收到以下错误,我宁愿不记录每个未找到的页面。 [nuxt] 在应用程序初始化 H3Error 期间捕获错误:页面 ...
当后端在 https 上时,Nuxt3 Js “自签名证书错误”
我的后端(API 端点)在 https://localhost:44308/api 上运行。在这种情况下,Nuxt3.js 会给出以下错误: 请求 https://localhost:44308/api/menus 失败,原因:self