84669 Lernen von Personen
152542 Lernen von Personen
20005 Lernen von Personen
5487 Lernen von Personen
7821 Lernen von Personen
359900 Lernen von Personen
3350 Lernen von Personen
180660 Lernen von Personen
48569 Lernen von Personen
18603 Lernen von Personen
40936 Lernen von Personen
1549 Lernen von Personen
1183 Lernen von Personen
32909 Lernen von Personen
Wie lege ich die baseUrl fest, die im globalen useFetch Composable (wahrscheinlich nuxt.config.ts) verwendet wird?
Wie vermeide ich die Definition bei jedem useFetch?
您可以在nuxt.config.js|ts中定义baseURL，如下所示：
nuxt.config.js|ts
baseURL
import { defineNuxtConfig } from 'nuxt' export default defineNuxtConfig({ // ... runtimeConfig: { public: { baseURL: process.env.BASE_URL || 'https://api.example.com/', }, }, // ...
（或使用固定值或仅环境变量 - 根据您的喜好）
并添加此可组合项：
// /composables/useMyFetch.js export const useMyFetch = (request, opts) => { const config = useRuntimeConfig() return useFetch(request, { baseURL: config.public.baseURL, ...opts }) }
如果你想要类型安全，你可以这样实现：
// /composables/useMyFetch.ts export const useMyFetch: typeof useFetch = (request, opts?) => { const config = useRuntimeConfig() return useFetch(request, { baseURL: config.public.baseURL, ...opts }) }
然后您可以使用useMyFetch作为useFetch的替代品 - 但要设置 baseURL :-)
useMyFetch
useFetch
您可以在
nuxt.config.js|ts中定义baseURL，如下所示：import { defineNuxtConfig } from 'nuxt' export default defineNuxtConfig({ // ... runtimeConfig: { public: { baseURL: process.env.BASE_URL || 'https://api.example.com/', }, }, // ...（或使用固定值或仅环境变量 - 根据您的喜好）
并添加此可组合项：
// /composables/useMyFetch.js export const useMyFetch = (request, opts) => { const config = useRuntimeConfig() return useFetch(request, { baseURL: config.public.baseURL, ...opts }) }如果你想要类型安全，你可以这样实现：
// /composables/useMyFetch.ts export const useMyFetch: typeof useFetch = (request, opts?) => { const config = useRuntimeConfig() return useFetch(request, { baseURL: config.public.baseURL, ...opts }) }然后您可以使用
useMyFetch作为useFetch的替代品 - 但要设置 baseURL :-)