扫码关注官方订阅号
84669人学习
65727人学习
82984人学习
467778人学习
498837人学习
471966人学习
256484人学习
152542人学习
224170人学习
139536人学习
81804人学习
85022人学习
11944人学习
20001人学习
60816人学习
5487人学习
15007人学习
2150人学习
6980人学习
194925人学习
359900人学习
1142人学习
19058人学习
3206人学习
180550人学习
48569人学习
17603人学习
40936人学习
1049人学习
750人学习
32909人学习
如何设置全局 useFetch 可组合项中使用的 baseUrl(可能是 nuxt.config.ts)?
如何避免在每次 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
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
扫描下载App
Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部
您可以在
nuxt.config.js|ts
中定义baseURL
,如下所示:(或使用固定值或仅环境变量 - 根据您的喜好)
并添加此可组合项:
如果你想要类型安全,你可以这样实现:
然后您可以使用
useMyFetch
作为useFetch
的替代品 - 但要设置 baseURL :-)