NUXT useFetch Call Failed(NUXT useFetch调用失败)

转载 作者：bug小助手 更新时间：2023-10-25 14:09:31 28 4

 const response = await useFetch('https://seasee-headless.local/wp-json/wc/v3/products', {
    params: {
        consumer_secret: 'cs_471cbb0635a300909b2b13ebd52d2550fc0c857e',
        consumer_key: 'ck_ce1d0a5d3bf46ecbd46fdd18ba5f3fee41c094b4'
    },
});

{ "data": null, "pending": false, "error": "Error: [GET] \"https://seasee-headless.local/wp-json/wc/v3/products?consumer_secret=cs_471cbb0635a300909b2b13ebd52d2550fc0c857e&consumer_key=ck_ce1d0a5d3bf46ecbd46fdd18ba5f3fee41c094b4\": <no response> fetch failed", "status": "error" }

const response = await useFetch('https://Your address',{
 method: "POST",
 body: {
  params: {
        consumer_secret: 'cs_471cbb0635a300909b2b13ebd52d2550fc0c857e',
        consumer_key: 'ck_ce1d0a5d3bf46ecbd46fdd18ba5f3fee41c094b4'
    },


    or your params directly

        consumer_secret: 'cs_471cbb0635a300909b2b13ebd52d2550fc0c857e',
        consumer_key: 'ck_ce1d0a5d3bf46ecbd46fdd18ba5f3fee41c094b4'

 },
    
});

for Get methode just add you options directly after your url. like this:


const response = await useFetch('https://api.nuxtjs.dev/mountains', {
  query: { param1, param2: 'value2' }
})


});

28 4 0

• javascript - 单击按钮时如何使用自定义 useFetch Hook ？

  React 的半新内容。我有一个 useFetch Hook ，它具有所有的获取功能，我想在用户单击“加载更多项目”按钮时调用它来获取下一页的项目。 显然， { useFetch(...) }}>l

• javascript - React Hooks - useFetch 泛化

  我有一个 api，它为我提供了如下方法: 按用户名搜索用户(用户名，限制) getRandomPremiumUsers(限制) getYoungUsers(maxAge, 限制) 我正在实现一个钩子(

• typescript - useFetch 可组合选项中的 key 属性有什么用(Nuxt3)

  我是 nuxt3 的新手，我不了解 useFetch 中 key 选项的作用(使用)可组合 它说; /* key: a unique key to ensure that data fetching

• reactjs - 实现 useFetch react Hook 以在提交函数中工作

  我有很多 React 经验，但我是 Hooks 的新手。 我有以下 useFetch Hook ，我在此 useAsync 之后修改了它钩子(Hook): import { useState, use

• reactjs - 自定义 React `useFetch` Hook - 我需要维护多个状态吗？

  我已经实现了一个自定义 useFetch Hook ，因此可以在我的应用程序中进行提取: import { useEffect, useState } from 'react' const useFe

• vue.js - 处理 nuxt3 usefetch 上的错误

  我只是不知道如何处理这里的错误: const { error, data } = useFetch('https://example.app/api/contact', { method: "P

• vue.js - 处理 nuxt3 usefetch 上的错误

  我只是不知道如何处理这里的错误: const { error, data } = useFetch('https://example.app/api/contact', { method: "P

• NUXT useFetch Call Failed(NUXT useFetch调用失败)

  当我在NUXT环境中运行此代码时：。它提供了以下结果：。当我将SSR：FALSE添加到nuxt-config文件时，它已经被解析了。我对此感到困惑。

• nuxt.js - 为什么 useFetch 不能处理客户端 nuxt3 中的页面更改？

  我刚开始学习 nuxtjs(对 vue.js 有一些经验)，我遇到了以下问题: 我有一个简单的 todo-[id].vue 页面。它应该从 API 获取待办事项并呈现在页面上: import Sec

• nuxt.js - 为什么 useFetch 不能处理客户端 nuxt3 中的页面更改？

  我刚开始学习 nuxtjs(对 vue.js 有一些经验)，我遇到了以下问题: 我有一个简单的 todo-[id].vue 页面。它应该从 API 获取待办事项并呈现在页面上: import Sec

• javascript - 对 React Hooks 的 useFetch 函数进行单个条件调用的正确方法？

  我构建了一个 useFetch 函数，该函数与此密切相关:https://www.robinwieruch.de/react-hooks-fetch-data这是它的简化版本:How to corre

• vue.js - nuxt 3 useFetch() 返回错误 fetch failed()

  我已经从 nuxt 3 官方文档中设置了 nuxt 3，并使用唯一的 useFetch() 可组合项来获取 app.vue 文件中的数据，但它返回错误 Error: fetch failed()当我们

• Nuxt website shows old data when refreshing a page that uses useFetch(Nuxt网站在刷新使用useFetch的页面时显示旧数据)

  编辑：我使用的是Nuxt 3.7.1版。我有一个Nuxt网站。我有一个服务器端点来获取内容。当页面第一次加载时，会显示当前数据。如果我刷新页面，则不会调用useFetch(基于网络日志)，并显示旧数据