nuxt.js 相关问题

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

我需要你在 Nuxt 3 方面的帮助。我和 Nuxt 一起工作几年了，我刚开始使用 Nuxt 3，但我不明白。 Nuxt 3.4.2 与 Firebase 9.21.0 (Vue 3.2) 我遵循了 firebase 的说明，所以我设置了 ...

firebase vue.js google-cloud-firestore nuxt.js

回答 0 投票 0

本地存储中的 Nuxt 3 授权令牌

我尝试在我的应用程序中创建登录名。我有登录响应，它返回 access_token 并将其添加到 localStorage 中。我在 pinia 中的代码从'pinia'导入{defineStore} 从 '@/

javascript vue.js nuxt.js nuxtjs3 pinia

回答 2 投票 0

nuxt3项目添加sweet alert 2

我正在努力将甜蜜警报 2 作为插件集成到 nuxt3 应用程序中。我正在尝试使用 vue-sweetalert2 但我在某些时候它定义了全局变量。 // 在安装函数中 vue.原型.$

nuxt.js vuejs3 sweetalert2 nuxtjs3

回答 3 投票 0

Set-Cookie cookie 未在本地环境中设置

我已经在我的本地机器上设置了 https，并通过主机文件让它在 dev.example.com 中运行。所以我通过 https://dev.example.com:3000 访问我的应用程序——这是一个 nuxt 应用程序。 Chrome 看到证书...

cookies nuxt.js nuxtjs3 setcookie nuxt3

回答 0 投票 0

Nuxt3；上传并存储在公共文件夹中的文件无法找到，即使其他文件可以找到

我正在使用 nuxt 3 创建一个网络应用程序，用户可以在其中上传文件。现在，我将它们存储在公用文件夹中，我认为它们会被提供给用户提供其他文件，如图标图标，但......

javascript node.js nuxt.js nuxt3

回答 0 投票 0

Vue3、VeeValidate 和 Yup，如何验证字段

我在验证表单中的字段时遇到了一些问题。我在一个 Nuxt3 项目中...... 我尝试按照 VeeValidate 文档进行操作，但无法使其正常工作。所有的...

nuxt.js vuejs3 vee-validate nuxt3

回答 1 投票 0

Nuxt：重定向到动态页面无法正常工作

我有一个菜单组件，该组件具有转到 _slug 页面的功能，这是代码（我尽量简化代码）：我有一个菜单组件，该组件具有转到 _slug 页面的功能，这是代码（我尽量简化代码）： <template> <input @keydown.enter="search" type="text" v-model="term" id="groupId" placeholder="Pesquisar" class="rounded-lg pl-10 bg-[#E6E6E6] text-[#818181] h-7"> </template> <script lang="ts"> export default { name: 'Products', data(): {} { return {}; }, async mounted() { this.get() }, methods: { search() { const searchUrl = `/search/${this.term}`; try { this.$router.push(searchUrl); console.log(this.term); } catch (error) { console.error(error); } console.log(this.term) }, async get() { // this function querys to the database but dont interfere in my question (i think) }, } } </script> 如果我已经在搜索 _slug（我在 url 中提供）中，则搜索功能有效，例如： http://localhost:3000/search/thingthatisearched 搜索 _slug 代码简化是这样的： <template> // shows all the products </template> <script lang="ts"> export default { name: 'Products', data(): { products: Product[] } { return { products: [] }; }, async mounted() { this.get() }, methods: { async get() { // query to database }, } } </script> 但是在其他页面，比如主页，就是这样（在所有页面中，术语值在 console.log 中变得很好）： <template> <div> <Menu></Menu> <MainBanner></MainBanner> <Products></Products> </div> </template> <script lang="ts"> export default ({ name: 'IndexPage', }) </script> 菜单组件中的搜索功能不起作用，页面的行为如下所示（在尚未成为搜索 _slug 的页面中）：主要网址： http://localhost:3000/ 重定向到搜索 _slug: http://localhost:3000/search/thingthatisearched 但是随后 url 变成了这个（以毫秒为单位）： http://localhost:3000/? 然后回到主页： http://localhost:3000/ 有人知道为什么该功能仅在搜索 _slug 中起作用以及其他页面行为的原因吗？

typescript vue.js nuxt.js

回答 0 投票 0

使用 veevalidate 返回意外的令牌导出来停止 Vue？

带有服务器端渲染的 Nuxt。打字稿和 vee 验证 3.4.9。这段代码很好扩展（'正'，值=> { 返回值 >= 0; }); 添加默认值然后我得到意外令牌'...

typescript vue.js nuxt.js vee-validate

回答 2 投票 0

NUXT：找不到模块节点：fs

在 Kubernetes 容器中生成纱线时出现以下错误。它在本地运行良好。直到上周，它在生产上也运行良好。错误：无法...

javascript node.js vue.js nuxt.js node.js-fs

回答 2 投票 0

Nuxt 3 导入节点模块

我有在节点环境中工作的 ES 模块。比方说 Redis（其中之一）。现在我希望它们像在节点应用程序中一样加载到 Nuxt 中。我想用从“

javascript typescript nuxt.js vuejs3 nuxt3

回答 0 投票 0

无法在 Vue 中读取 null 的属性

我将 Vue3 与 Nuxt3（通用渲染）结合使用，这是我页面的代码： const 路由 = useRoute(); const {pending, data} = await useLazy...</desc> <question vote="0"> <p>我将 Vue3 与 Nuxt3（<a href="https://nuxt.com/docs/guide/concepts/rendering#universal-rendering" rel="nofollow noreferrer">通用渲染</a>）一起使用，这是我页面的代码：</p> <pre><code> <script setup> const route = useRoute(); const {pending, data} = await useLazyFetch( "api/car-models" + `?start-date=${route.query.startDate}` + `&end-date=${route.query.endDate}`, ); </script> <template> <div v-if="pending"> Loading... </div> <div v-else-if="data.carModels.length === 0"> Sorry, no cars available for the selected dates and location. </div> <div v-else> <ul> <li v-for="car in data.carModels"> <CarCard :car="car"/> </li> </ul> </div> </template> </code></pre> <p>它工作正常，当我导航到页面时，<pre><code>CarCard</code></pre>s 正在显示。但是当我点击刷新时，我得到</p> <pre><code>500 Cannot read properties of null (reading 'carModels') at ... </code></pre> <p>为什么我只在重新加载后才收到此错误/异常，我该如何解决？</p> <p>谢谢。</p> </question> </body></html>

vue.js nuxt.js

回答 0 投票 0

如何在 Nuxt 插件中等待/访问嵌套代理值？

我有一个 PostHog 插件。在这个插件中，我想初始化我的 Pinia 商店，这样我就可以使用商店数据。我遇到的问题是插件在我的商店加载之前加载，所以我收到...

javascript json nuxt.js vuejs3 nuxtjs3

回答 0 投票 0

Nuxt3：如何正确配置 CKEditor 5

任何人都知道我如何在 nuxt3 应用程序中正确配置 CKEditor-5。我正面临您可以在下面看到的问题。我还将提供代码实现。这是我目前的实施任何人都知道我如何在 nuxt3 应用程序中正确配置 CKEditor-5。我正面临您可以在下面看到的问题。我也会提供代码实现。这是我目前的实现 <template> <div class="field" :class="{ 'form-group--error': props.error, active: text.length !== 0 }" > <CKEditor v-model="text" dir="rtl" :editor="ClassicEditor" :config="config" :tag-name="props.tagName" :disabled="props.disabled" @input="$emit('input', text)" /> <label class="required" :placeholder="props.label">{{ props.label }}</label> </div> </template> <script setup> import ClassicEditor from "@ckeditor/ckeditor5-build-classic"; import CKEditor from "@ckeditor/ckeditor5-vue"; import "@ckeditor/ckeditor5-build-classic/build/translations/ar"; const props = defineProps({ value: { type: String, required: false, default: "" }, tagName: { type: String, required: false, default: "div" }, disabled: { type: Boolean, required: false }, uploadUrl: { type: String, required: false, default: "" }, label: { type: String, required: false, default: "" }, error: { type: Boolean, default: false }, }); const config = ref({ language: "ar", }); const text = ref(""); watch(props.value, () => { text.value = props.value; }); </script> 它会给出这个错误。如果是的话，我是否需要为此创建一个 nuxt3 插件，请告诉我怎么做。尝试将您的 CKEditor 组件包装在 <client-only> 标签内。这对我有用。作为参考，这个问题：How to use CKEditor with Nuxt.js - window is not defined error

vue.js nuxt.js ckeditor nuxt3

回答 1 投票 0

如何在我的 Vercel 托管应用程序上重写 URL 以隐藏查询参数并显示更清晰的 URL？

如何在我的 Vercel 托管应用程序上将我的查询页面的 URL 从“/query?data=query_data”重写为“/query/query_data”，而无需使用 ei 在 URL 上显示“?data=”...

vue.js nuxt.js vercel

回答 0 投票 0

覆盖 Vue Router 以在堆栈中显示多个模式

我有一个 Nuxt 2 应用程序，我试图在其中获得更原生的应用程序体验。我正在利用模式来确保用户可以快速导航应用程序并返回到他们...

javascript typescript vue.js vuejs2 nuxt.js

回答 1 投票 0

一次性发布表单数据和文件 Nuxt 3 中的 Fetch 调用

我想在 TypeScript 中使用一次 useFetch() 调用将表单数据（不包括字符串、数字、数组）和一个文件发布到后端。我试过的如果我向 FormData 实例添加字符串和文件，所有 ...