nuxt.js 相关问题

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

使用 AWS Amplify 部署时出现 Nuxt3 构建错误

我使用aws amplify来部署nuxt3框架。构建没问题，没有显示任何错误。以下是日志 71f66f4e.mjs.map (2.91 kB) (879 B gzip) ├─ .输出/

amazon-web-services nuxt.js aws-amplify nuxt3

回答 2 投票 0

使用 Docker 注入时，Nuxt3 环境变量在生产中为空

我在 PaaS (render.com) 中使用环境变量，它按预期工作。我决定自行托管我的 sebsite 并使用 Docker，但现在我的变量为空。这是我所做的： *

docker vue.js environment-variables nuxt.js nuxt3

回答 1 投票 0

NUXT3 NuxtImg : 当我使用 NuxtImg 时图像旋转 90°

当我使用 NuxtImg 时，我的图像旋转 90°。当我在 supabase 上读取并显示垂直移动图像时，会出现此问题。上传之前和在 supabase 上，图像都可以（肖像）。什...

javascript image vue.js nuxt.js

回答 1 投票 0

Ionic Nuxt 3 通过 Xcode 在物理设备上运行应用程序时出现问题

我一直在尝试在我的 iPhone 上安装和测试应用程序，但它不起作用。在我将 @nuxtjs/ionic 安装到我的项目并尝试通过 Xcode 在我的设备上运行该应用程序后，我收到这些错误...

ios xcode ionic-framework nuxt.js

回答 1 投票 0

我正在尝试在 nuxt 3 上使用 fullpage-vue，但它对我不起作用

模块：[ // https://go.nuxtjs.dev/axios '@nuxtjs/axios', 'nuxt-swiper', '@nuxt/图像', '@fullpage/nuxt-fullpage', ], 我已经安装了它，这就是我将它链接到我的 'n...

nuxt.js fullpage.js

回答 1 投票 0

Nuxt 2.14：等待`fetch`中的所有内容都完成

我有一个问题。在 Nuxt 的 fetch hook 中，我有一些由 Nuxt content API 执行的异步调用。然后，该数据的某些部分将在已安装的钩子内使用。但是当 Nuxt 处理时

vue.js nuxt.js

回答 1 投票 0

将Nuxt项目中的所有SASS代码转换为CSS

我有一个项目，部分代码是用SASS编写的。我想摆脱 SASS 并使用普通 CSS，所以我试图找到一种编程方法将我所有的 SASS 部分转换为 CSS，或者至少...

css vue.js sass nuxt.js nuxt3

回答 1 投票 0

无法像不喜欢 Vue 2 组件一样撤消

喜欢不喜欢组件我在使其按预期工作时遇到一些困难，完全需要一些帮助要求当没有选择任何内容并且我点击“like”时，它应该选择“L...

vuejs2 nuxt.js radio-group buefy

回答 1 投票 0

500 localStorage 未定义 nuxt js

[nuxt] [请求错误] [未处理] [500] localStorage 未定义 14:42:56 在 isAuthenticated (C:\Users\Lenovo\

vue.js nuxt.js

回答 3 投票 0

如何使用 Pinia 存储数据来控制 Nuxt 3 中的组件

我在 Nuxt 3 项目的共享布局中创建了一个覆盖层，并且使用 v-model="isLoading" 来控制其可见性。布局/default.vue 我在 Nuxt 3 项目的共享布局中创建了一个覆盖层，并且我使用 v-model="isLoading" 来控制其可见性。布局/default.vue <template> <div class="appContainer"> <slot/> </div> <v-overlay v-model="isLoading" class="align-center justify-center" > <v-progress-circular indeterminate size="64" :width="6" color="light-blue" ></v-progress-circular> </v-overlay> </template> <script setup> import { useStore } from '/stores/store.js' const store = useStore() const isLoading = store.isLoading </script> 我还在stores/store.js文件中创建了一个isLoading值，它的默认值为false。商店/store.js export const useStore = defineStore('piniaStore', () => { const isLoading = ref(false) function toggleLoading() { isLoading.value = !isLoading.value } return { isLoading, toggleLoading, } }) 如果我想在 Login.vue 中的函数内打开叠加层，我该怎么做？我尝试使用 isLoading = !isLoading 或toggleLoading，但它不起作用。我怀疑这可能是更新组件渲染的问题。页面/Login.vue <script setup> import { useStore } from '/stores/store.js' const store = useStore let isLoading = store.isLoading const loginRequest = () => { isLoading = true }; </script> <template> <v-form @submit="loginRequest"> <v-input></v-input> <v-btn></v-btn> </v-form> </template> 我认为使用 nuxt 3 的一个解决方案是，您尝试使用存储中的 isLoading 变量和 v-model 绑定来控制覆盖的可见性。要在 Login.vue 中的 loginRequest 函数中打开此叠加层，您需要调用toggleLoading <script setup> import { useStore } from '/stores/store.js' const store = useStore() let isLoading = store.isLoading const loginRequest = () => { store.toggleLoading(); </script> <template> <v-form @submit="loginRequest"> <v-input></v-input> <v-btn></v-btn> </v-form> </template> 在您的请求中调用 store.toggleLoading() 您将切换 isLoading 后续：我做了两处修改，修改后问题就解决了：在文件layout/default.vue中： // const isLoading = store.isLoading // Change to const { isLoading } = storeToRefs(store) 在页面/Login.vue中：将 store.toggleLoading 更改为 store.toggleLoading() 以调用此操作。希望这对其他人有帮助！

nuxt.js nuxtjs3 pinia

回答 2 投票 0

使用 Nuxt 3 在本地主机上设置 HTTPS 的问题

我正在尝试设置为本地主机使用 HTTPS 运行 Nuxt 3。我查看了网上已经提出的其他指南和问题，但它们似乎都在使用旧版本的 Nuxt 并用于 s...

ssl https nuxt.js nuxtjs3

回答 3 投票 0

如何正确包装 `useFetch` 来访问反应性？

我将 useFetch() 包装为可组合项，以提供自定义 baseURL 并自动设置身份验证令牌，但是当我在不使用 wait 关键字的情况下在组件中调用可组合项时，我...

typescript vue.js nuxt.js vuejs3 nuxt3

回答 1 投票 0

Nuxt 问题属性在渲染期间被访问，但未在实例上定义

我尝试用博客文章做卡片。我制作了一个组件 Post 并将其插入代码中。但效果如图所示。并表明了这一点。如何在卡片中插入文字？现在所有文字都在