问题标签 [nuxtjs3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
28 浏览

nuxt.js - 为什么页面 html 没有在 nuxt3js 中加载

我正在使用 Nuxt3 js,当我单击 nuxt-link 时,java 脚本代码正在运行,但页面在我刷新之前不会出现,这是导航栏代码:

这是关于页面:

这是我的 default.vue 布局:

0 投票
1 回答
22 浏览

vue.js - 如何在 NuxtI18n 中渲染动态翻译?

我想根据 2 种语言的翻译来呈现列表,一个是阿拉伯语列表,一个是英语列表,我该怎么做?

我想使用这些列表,例如

我想将这些列表添加到 i18n json5 中,以便可以将其呈现为 v-autocomplete

我想根据 i18n json5 的翻译将数据传递给:items?我该怎么做?

谢谢

0 投票
0 回答
42 浏览

node.js - ERR_PACKAGE_PATH_NOT_EXPORTED(Nuxt 3 和 Node.js 17.4)

我正在使用Nuxt 3Express 4创建一个网站,并尝试通过git在 Gandi Simple Hosting实例上部署它。虽然它在本地运行良好(Node.js 16.13.0),但在部署时(Node.js 17.4)我有这个由unenv包导入引起的错误:

我不是唯一一个有这个错误的人,正如在这个开放问题中看到的那样,关于在 Firebase 上的部署:https ://github.com/nuxt/framework/issues/2151 。

随 Nuxt 3 nitro 服务器分发的unnev package.json 是:

这个非 Nuxt 问题(Storybook.js)表明在 Node 17 之前只抛出了一个警告。

即使我可以考虑降级我的 Node.js 版本,我也想知道这个错误是否可以在 Node.js 17 上修复,如果不能,如何"exports"重构该条目以使其工作。

0 投票
0 回答
31 浏览

javascript - nuxt-auth : Uncaught (in promise) TypeError: Cannot use 'in' operator to search 'token'

我有一个使用 nuxt-auth 的 nuxt 应用程序,在本地主机上一切正常,但是在实时服务器上部署时,当我单击登录按钮时,我不断收到此错误

当我单击注册按钮时,我从控制台获得了一个令牌

我似乎无法找到问题的根源在我的本地机器上一切正常

这是我的登录组件:

注册组件

在我的 nuxt.config.js 我有:

在我的本地计算机上使用此配置一切正常,但在实时部署到 firebase 时无法正常工作

0 投票
0 回答
31 浏览

node.js - Vue 用 nuxt3 找不到 api

为什么当我尝试调用我的 api 时vue 会返回此错误?我有这个路由器设置,我的 api 代码是这样的:

编辑:我尝试刷新锁定文件,但没有帮助。路径 /api/getHref/index.js 也是空的......

nvm 使用以下代码使其工作:

0 投票
0 回答
20 浏览

vue.js - 如何实现 Nuxt Js SEO url 动态路由

#问题 #Vuejs #NuxtJs

大家好,我目前遇到了 NuxtJS 中的 URL SEO 问题。

例如:

链接1:网站123456.com/blog-cate

链接2:网站123456.com/product-new

链接3:website123456.com/blog-detail-123(博客详情)

但是那些(blog-cate, product-new, blog-detail-123, ..)都是动态数据(取自服务器)。现在我如何确定我想去的正确页面?当服务器将 blog-cate 更改为 blog-category 时,仍然可以访问文章类别页面。任何这样做或遇到此问题的人请帮助我。感谢大家!

0 投票
1 回答
21 浏览

vue.js - 基于 Nuxt 3 动态组件中的路由参数进行 API 调用

我正在尝试创建一个简单的 Nuxt 3 应用程序用于学习目的,它使用动态路由在页面加载时从 API 加载数据。我想弄清楚的是如何使用路由id参数和组合 API 来调用外部 API 并使数据在组件中可用。

所以这是我的基本文件夹结构:

索引.vue:

这就是我想要的[id].vue

从这篇博客文章开始,我尝试了这个

但那里也没有骰子。

我怎样才能简单地 1)进行 API 调用和 2)使用组件中的id参数填充数据[id].vue

0 投票
0 回答
13 浏览

docker-compose - 允许浏览器从 traefik 连接到 wss 协议

我正在使用traefik:2.6图像为我的项目和nuxtjs版本 3 创建开发环境。

我设法配置traefik为与我的nuxt3应用程序通信,但我有一个问题。问题是nuxt用于vitejs重新加载页面,因此它使用wss://与端口的连接24678 我的问题是我无法公开此端口,因此浏览器可以连接到 Web 套接字。

这些是我的 docker compose for admincontainer的一部分

在网络套接字部分是我试图做的wss没有成功的工作

这也是我的traefik.yml文件