Nuxt3: Функция может вести себя по-разному в зависимости от контекста выполнения (на стороне сервера или на стороне клиеJavascript

Форум по Javascript
Ответить
Anonymous
 Nuxt3: Функция может вести себя по-разному в зависимости от контекста выполнения (на стороне сервера или на стороне клие

Сообщение Anonymous »

Я использую nuxt 3.
Я пытаюсь создать функцию утилиты, называемую Dynamicfetch , которая может вести себя по-разному в зависимости от контекста выполнения (на стороне сервера или клиентской стороне).
Идея заключается Вызовет соответствующий метод извлечения. < /p>
export async function dynamicFetch({
path = "",
options = {},
}: {
path: string;
options?: any;
}): Promise {
// do something

return process.server || nuxtApp.isHydrating
? useFetch(...)
: $fetch.raw(...)
}

< /code>
Итак, если случай, как ниже < /p>

const res = await dynamicFetch('/api/...')
< /code>
При запуске на стороне сервера он вызовет usefetch.
При запуске на стороне клиента он все равно вызовет usefetch, это правильно.
onMounted(async () => {
const res = await dynamicFetch('/api/...')
})
< /code>
При запуске на стороне сервера он ничего не сделал.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ntext-serv
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»