[英]Structuring a Nuxt 3 server directory
語境我正在創建一個應用程序,它使用多個服務器 api 點來執行不同的功能,例如寫入 Firebase Firestore。 這些 api 點在服務器目錄中設置如下: api/下的兩個 api 端點從firebaseHelpers.ts文件導入輔助方法(例如寫入和讀取數據庫)。 firebaseH ...
[英]Structuring a Nuxt 3 server directory
語境我正在創建一個應用程序,它使用多個服務器 api 點來執行不同的功能,例如寫入 Firebase Firestore。 這些 api 點在服務器目錄中設置如下: api/下的兩個 api 端點從firebaseHelpers.ts文件導入輔助方法(例如寫入和讀取數據庫)。 firebaseH ...
[英]Nuxt 3 - after response middleware
我有一個用例,我想在響應通過路由處理程序后調用中間件。 文檔描述標准服務器中間件僅在處理請求之前運行( https://nuxt.com/docs/guide/directory-structure/server )。 我想要完成的是:// file: server/api/test/index.t ...
[英]Dynanically change tailwindcss color based on user input in Vue3/Nuxt3
我正在嘗試為用戶建立一種定義網站主色的方法。 在定義我的 tailwind 類時,我想使用類似bg-primary-600東西而不是對顏色進行硬編碼,這樣當primary的值發生變化時,它會更新樣式。 這里有我的測試環境: https://stackblitz.com/edit/nuxt-start ...
[英]Reloading server in nuxt3js after Clear Cache
我在我的 nuxt.js 應用程序中使用npx nuxi clean清除了緩存,此命令刪除.nuxt 、 .output 、 node_modules/.vite和node_modules/.cache 。 因此,為了再次運行該應用程序,我需要運行npm install ,然后使用npm run d ...
[英]Error: GET 404 Page not found with Nuxtjs3
我正在學習 nuxtjs3。 我正在嘗試使用 fetch 在模板中獲取數據。 我正在學習某個教程,但不幸的是我被卡住了。 我在應用程序和 mysql 本地數據庫中使用mysql2 庫。 但我在控制台收到錯誤:GET http://localhost:3000/api/users/index 404( ...
[英]vue 3 watch specific object's item from array
我正在研究 nuxt 3 (vue 3),我需要從數組中觀察特定 object 的特定項目。 我的數組const formData = reactive({ addressDetails: [ { address: "", street: "", ...
[英]Nuxt3 + Laravel sanctum
當后端由 laravel 密室保護時,如何從 api 獲取數據? 當我使用useFetch時,我沒有得到任何數據。 const {data: cat} = await useFetch('/api/categories') Laravel 文檔告訴使用 axios 但在 nuxt3 axios 模 ...
[英]Does a Nuxt Vue app remain in SPA mode after initial hydration? (and how about robots/crawlers?)
服務器端渲染(在 Nuxt 中,但我認為這是相當普遍的)已向我解釋為: 使用 Nuxt SSR 時,您請求一個 URL,並返回一個預渲染的 HTML 頁面。 加載后,瀏覽器啟動 hydration 代碼,此時 static 頁面成為 Vue SPA 應用程序。 我假設(可能是錯誤的)無論你現在處於 ...
[英]How to load all Vue SFC in a specific directory in Nuxt?
我想加載特定目錄中的所有組件並使用 Nuxt 在單個頁面中顯示它。 像這樣的東西,<template> <component :is="view" v-for"view in extensions" :key="view" /> <template> &l ...
[英]How to resolve CORS issue in Nuxt3.0.0?
節點版本: v19.3.0 Nuxt 版本: 3.0.0 stable 描述錯誤這是一個在 Nuxt 3.0.0 rc-6 上沒有重現的問題。 升級到 Nuxt 3.0.0 穩定版后,我開始遇到 CORS 問題。 我正在使用 ofetch 調用 API,這是實際代碼。 1. /apis/例子 ...
[英]Nuxt 3 with sass
我們如何將 NUXT3 與 sass 一起使用,也請分享文檔。 我試圖將 sass 添加到 nuxt3 項目中,但是 vite 看起來沒有加載 scss 的選項 ...
[英]Nuxt3 HMR not working, page reload needed for HMR to fire
我已經安裝並運行了 Nuxt3 這出現在控制台中: 在app.vue中進行更改並點擊保存后,沒有任何反應。 然后當我在 chrome 中單擊重新加載時,它會出現在控制台中並且頁面顯示正確的數據: ✔ Vite server hmr 6 files in 20.051ms 09:52:30 我有節點 ...
[英]Nuxt dynamic image - Require is not defined
在 Nuxt 文檔中,他們給出了以下用於動態圖像加載的代碼示例。 但是,當我使用它時,我在瀏覽器控制台中收到以下錯誤“ Require is not defined ” ...
[英]Nuxt 3: Read Contents of /public at Build Time
在我的 Nuxt 3 項目的/public/images目錄中,我有許多圖像,它們分布在多個子目錄中。 對於畫廊頁面,我想讀取所有文件路徑,以便我可以為每個文件路徑呈現一個img標簽,而不必對它們進行硬編碼。 目前,我在 API 端點內執行此操作。 代碼如下所示:import { readdir, ...
[英]Three JS GLTF Loader Not Working with Nuxt 3
我在使用 nuxt 3 實現三個 JS Gltf Loader 時遇到錯誤。錯誤消息:“Uncaught (in promise) TypeError: Class constructor Loader cannot be invoked without 'new'..” 版本: “三”:“^0 ...
[英]How to enable minify in Nuxt 3?
我正在使用 Nuxt 3, npm run generate的不是縮小代碼。 我在nuxt.config.ts中使用build.html.minify找到了許多針對 Nuxt 2 的解決方案,但這在 Nuxt 3 中似乎不存在。 ...
[英]Does Nuxt3 support named router views?
我正在構建一個 Nuxt 應用程序,其布局由 3/4 的主要內容和 1/4 的側邊欄導航組成,該導航使用基於當前路線展開的選項卡。 我的目標是基本上有兩個路由器視圖——一個在主頁上,一個在每個選項卡中。 使用 Vue Router,我想這可以通過命名視圖來實現,例如 但很明顯,Nuxt 的想法是路 ...
[英]nuxt 3 triggers changes from other components
我有一個關於在 nuxt 3 中觸發其他組件的問題。在 nuxt 2 中我可以使用 $root.$refs 來觸發組件,但是 nuxt 3 呢? 示例:在 componentA 中,我有一個觸發彈出窗口的按鈕 在 componentB.vue 中,我在 componentA 中有一個用於彈出窗口的關 ...
[英]nuxt 3 + msal - non_browser_environment error
介紹大家好, 我正在嘗試將azure 活動目錄 B2c實施到我的nuxt 3 應用程序中。 因為@nuxtjs/auth-next還沒有為 nuxt 3 工作,所以我正在嘗試使用@azure/msal-browser npm package 制作我自己的可組合項。 我寫這篇文章的原因是因為它不起作用 ...
[英]I'm trying to get data from local data with pinia and nuxt, and it can't seam to get the end point, what's wrong with my code?
我正在嘗試使用 pinia 和 nuxt 從本地數據中獲取數據,但它無法連接到終點,我的代碼有什么問題? 我是 Vue、Nuxt 和 Pinia 的新手,我一直在學習一些教程,但我無法從終點獲取數據,這是我的代碼。 #stores/blogStore.js #app.vue 我已經嘗試了幾個后 ...