nuxt.js 相关问题

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

如何在Nuxt3 + Nitro + Docker + Nginx上正确部署项目?

所以,Nuxt3(+Laravel API)上有一个网站,曾经在 Vercel 上运行没有任何问题,Google PageSpeed 得分为 85-90 分。 现在,任务是在 Docke 上部署整个基础设施......

回答 1 投票 0

如何在nuxt3中创建和访问Socket IO服务器

这里我将展示如何在最新的 nuxt v.3 中创建和访问套接字 io 服务器,对于许多开发人员来说,由于新功能,从 .2 迁移可能很困难。

回答 2 投票 0

将“@vite-pwa/nuxt”添加到 nuxt 3 项目会导致水合错误

我想让我的 nuxt 3 网站启用 PWA。我为此使用“@vite-pwa/nuxt”。 添加此包并在 nuxt.config.ts 中启用 pwa 时,会导致 2 个问题: 水合作用错误开始发生......

回答 1 投票 0

Pinia 商店未初始化

我有一个新的 Nuxt 3 项目,想要添加 Pinia。 商店已创建,但尚未加载。我没有收到错误消息或警告。 Nuxt 和 Vue 的开发工具都向我展示了 Pinia

回答 1 投票 0

初始化pinia状态

我们使用 pinia 来管理应用程序状态。正如标题中提到的,我正在寻找 pinia 的 NuxtServerInit 钩子类似物。 一些背景信息:用户登陆表单的第一页;表单调用(f.e)状态。

回答 1 投票 0

nuxt 组件仅在生产中渲染两次

我使用的是 Nuxt 3,我的网页似乎在 SSR(npm run build)和使用 nuxi generated 中渲染了一些组件两次。我正在使用 App.vue 和 Nuxt 页面。 奇怪的是

回答 1 投票 0

水合已完成,但在 Nuxt 中使用 VeeValidate 和 Pinia 包含不匹配

这周我的 Nuxt 应用程序遇到了一个奇怪的错误,它是一个小应用程序,它只是一个带有活动注册表单的登陆页面,我上周做了这个工作,我发布了它,它工作正常。 不...

回答 1 投票 0

Laravel 11 Sanctum api/user 在前端 nuxt 3 SPA 上切换用户时首次登录尝试返回 401

我目前正在开发一个应用程序,使用 Laravel 11 和 Sanctum 作为后端 API,使用 Nuxt 3 作为前端 SPA。 我已将 Laravel Santum 配置为使用 SPA 身份验证(会话而不是令牌...

回答 1 投票 0

Nuxt 3 SSR 在服务器 API 端点故障时不显示自定义错误页面

我的 Nuxt 3 SSR 应用程序遇到问题,当服务器 API 时,自定义错误页面 (https://nuxt.com/docs/getting-started/error-handling#error-page) 不会显示终点fa...

回答 1 投票 0

默认的 Firebase 应用程序不存在。请确保在使用任何 Firebase 服务之前调用initializeApp()

我使用 Nuxt3 和 VueFire 包来连接 firebase。即使按照官方网站中的文档进行操作后,我仍然收到标题所示的错误。 Nuxt.config.ts 出口德...

回答 1 投票 0

在 Vue3/Nuxt3 中根据用户输入动态更改 tailwindcss 颜色

我正在尝试为用户建立一种定义网站主色的方法。在定义我的顺风类时,我想使用 bg-primary-600 之类的东西,而不是硬编码颜色,所以......

回答 3 投票 0

如何从Nuxt 3服务器获取路由参数

我有以下 API URL 之一。归根结底,对于我的用例来说,我必须使用这些 URL 中的哪一个并不重要,但目前两者都不起作用。 http://localhost:3000/api/track/T...

回答 4 投票 0

nuxt apollo 插件 useAsyncQuery 上的转换方法不起作用

我正在使用 nuxt-modules/apollo 插件来查询我的 CMS。数据按预期返回,但我正在尝试运行转换方法来小写某些属性。 我可以在失败后运行一个方法...

回答 1 投票 0

I18n 模块不适用于 nuxt3 版本 3.11.2

我按照 nuxt3 I18n 模块的说明进行操作。 我按照文档中提到的方式实现了合并 2 - 结果出现,但消息中写入的文字未出现 一些

回答 1 投票 0

Nuxt 和 Laravel 的 TTFB 等待时间为 15000 毫秒

我遇到了很长的 TTFB 时间,大约 15000/17000 毫秒,带有 GET 请求。这种情况只发生在一个特定的调用上,其余的都很好。 我在添加 Nux 后才开始遇到这种情况...

回答 1 投票 0

无法通过 API 调用的 (JSON) 对象/响应进行导航 - 它在 JavaScript 和 Nuxt 3 中的行为方式不同

我有以下来自 REST-API 调用的示例响应,我们将其称为“A”: { “数据”: { “id”:2, “电子邮件”:“[email protected]”, ...

回答 1 投票 0

Nuxt 3页:扩展路由同名路由文件

当我想从 nuxt.config.ts 添加额外的路由时,问题是路由名称是从文件 file 中获取的。 跟我来 : 测试.vue: </desc> <question vote="0"> <p>当我想从 <pre><code>route</code></pre> 添加额外的 <pre><code>nuxt.config.ts</code></pre> 时,问题是路线名称是从 <pre><code>file</code></pre> 文件中获取的。</p> <p>跟我来:</p> <p>测试.vue:</p> <pre><code>&lt;script setup lang=&#34;ts&#34;&gt; definePageMeta({ name: &#34;test&#34;, }); &lt;/script&gt; &lt;template&gt; &lt;div&gt; &lt;h1&gt;Test Page&lt;/h1&gt; &lt;/div&gt; &lt;/template&gt; </code></pre> <p>在<pre><code>nuxt.config.ts</code></pre>:</p> <pre><code> hooks : { &#34;pages:extend&#34;(pages) { pages.push({ name: `testExtend`, path: `/testExtend`, file: &#34;~/pages/test.vue&#34;, }); } } </code></pre> <p>这条路线应该被命名为<pre><code>testExtend</code></pre>,但实际上它的名字与<pre><code>test.vue</code></pre><pre>中的</pre><code>definePageMeta</code></p>相同 <p>也在开发工具的页面部分中<pre><code>Route Path</code></pre>:</p> <p><a href="https://i.sstatic.net/O9N2nDb1.png" rel="nofollow noreferrer"><img src="https://cdn.txt58.com/i/AWkuc3N0YXRpYy5uZXQvTzlOMm5EYjEucG5n" alt="enter image description here"/></a></p> <p>页面<pre><code>/test</code></pre>已不可用</p> <p>它甚至在页面的开发工具中不可见</p> </question> <answer tick="false" vote="0"> <p>我不知道这个解决方案是否正确,但我手动添加了主要的<pre><code>route</code></pre>,然后添加了<pre><code>alias</code></pre></p> <pre><code> pages.push({ name: `test`, path: `/test`, file: &#34;~/pages/test.vue&#34;, alias : &#34;/testExtend&#34; // you can add Array [&#34;/testExtend&#34;,&#34;/testExtend2&#34;] }); </code></pre> </answer> </body></html>

回答 0 投票 0

Gitlab 页面上的 Nuxt 3

我正在尝试在 Gitlab 页面上部署我的静态 Nuxt 3 站点,我曾经在 Nuxt 2 中将目录名称 dist 更改为 gitlab 请求的 public。 Nuxt 3 现在已重命名为以前的名称

回答 3 投票 0

Nuxt“/_loading/sse”导致“ERR_INCOMPLETE_CHUNKED_ENCODING 200(正常)”

问题 为了克服 Nuxt 2.14 项目开发过程中的 CORS 和 TLS/SSL 问题,使用了 Docker Nginx 和 Node 容器,其中 Nginx 还用作反向代理。 开发工具控制台...

回答 1 投票 0

在 nuxtServerInit 中调度操作时 ECONNREFUSED

我正在将 Nuxt 应用程序转换为 SSR - 因为我想使用 nuxtServerInit 和 asyncData。这些是我为转换它而采取的步骤。 从 nuxt.config.js 中删除 ssr: false 派遣活动...

回答 3 投票 0

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