Fetch接口: GET正常时，PUT请求JSON返回404

Fetch接口是一种用于在网络上获取资源的API，它是基于HTTP协议的一种通信方式。在前端开发中，可以使用Fetch接口来发送HTTP请求并获取服务器返回的数据。

GET请求是一种用于获取资源的HTTP方法，当使用Fetch接口发送GET请求时，如果服务器成功返回了请求的资源，那么Fetch接口会将响应数据封装成一个Promise对象，并且该Promise对象会被resolve。开发者可以通过调用Promise对象的方法来处理响应数据。

PUT请求是一种用于更新资源的HTTP方法，当使用Fetch接口发送PUT请求时，需要将要更新的数据以JSON格式放在请求的body中。根据HTTP协议规定，如果PUT请求的目标资源不存在，服务器应该返回404状态码表示资源未找到。

综上所述，根据题目要求，当使用Fetch接口发送PUT请求时，如果服务器返回404状态码，表示请求的资源未找到。开发者可以根据这个状态码来判断请求是否成功，并进行相应的处理。

关于Fetch接口的更多信息和使用方法，可以参考腾讯云的相关产品文档：

Fetch接口 - 腾讯云产品文档

请注意，本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，以符合题目要求。

相关·内容

Vue 前后端交互基础

这种应用模式比较适合纯网页应用，但是当后端对接 App 时，App 可能并不需要后端返回一个 HTML 网页，而仅仅是数据本身，所以后端原本返回网页的接口不再适用于前端 App 应用，为了对接 App...，方法执行结束 race(数组)：接收一个数组，每个数组元素都是一个 Promise 实例，当这个数组中的 Promise 实例有一个返回时，方法执行结束 1.3 Fetch 1.3.1 Fetch...1.3.2 Fetch 的使用 ☞ 语法 // fetch 参数为请求的路径，默认为 get 请求 fetch("url").then(function(data) { // 成功返回的 data...// 失败返回的 info 我们可以直接拿到数据 } ); fetch 有两个参数，第一个是 url 是必须要填写的，第二个是 option 是可选的，option 用来设置如 method(GET...可以使用 data.json()：将返回的数据转为 json，data.text()：将返回数据转为字符串 ☞ 示例 fetch('url', { method: 'GET', }).then

2.1K5 0

Fetch vs Axios

在本篇指南中，我们将会介绍Axios和Fetch，并对它们进行比较，以便让我们做出明智的决定去选择。快速概览 Fetch API是一个接口，暴露了一个叫做fetch()的方法，用于发出网络请求。...Fetch和Axios都是基于promise的HTTP客户端。这意味着当我们使用它们来创建网络请求时，它们会返回一个resolve或者reject的promise。...错误处理 fetch和axios都返回一个被解决(resolved)或被拒绝(rejected)的promise。当promise被拒绝时，我们可以使用.catch() 来处理错误。...如果我们收到404错误或任何其他HTTP错误，Fetch将不会拒绝一个promise。Fetch只有在网络请求失败时拒绝promise。所以我们必须在.then子句中手动处理HTTP错误。...中取消请求，我们可以使用AbortController[5]接口。

1.3K1 0

【Vue_03】前后端交互

Promise的常用API 实例方法 then(方法 1，方法 2) ：方法 1 处理异步正常的数据，方法 2 处理异步失败(可以不写), 链式编程时需要在上一个 then 中使用 return...，方法执行结束 race(数组) ：接收一个数组，每个数组元素都是一个 Promise 实例，当这个数组中的 Promise 实例有一个返回时，方法执行结束二、fetch Fetch 是新的...// fetch的参数为请求的路径，默认为 get 请求 fetch("url") .then( function(data) { // 成功返回的 data 是一个 Promise...info 我们可以直接拿到数据 } ); 2. fetch的Http请求 get/delete post/put 3. fetch的响应格式 data.json...() : 将返回的数据转为 json data.text() : 将返回数据转为字符串三、axios 1. axios的基本使用 get /delete请求 post/put请求 2. axios

9961 0

在 JS 中如何使用 Ajax 来进行请求

method: GET | POST | PUT | DELETE | PATCH headers: 请求头，如 { “Content-type”: “application/json; charset...API返回Promise对象 fetch() API返回一个promise对象。...错误处理请注意，对于成功的响应，我们期望状态代码为200（正常状态），但是即使响应带有错误状态代码（例如404（未找到资源）和500（内部服务器错误）），fetch() API 的状态也是 resolved...我们还必须调用response.json()将响应对象转换为JSON 错误处理我们来看看当HTTP GET请求抛出500错误时会发生什么： fetch('http://httpstat.us/500'...我个人更喜欢使用Axios API而不是fetch() API，原因如下：为GET 请求提供 axios.get()，为 POST 请求提供 axios.post()等提供不同的方法，这样使我们的代码更简洁

8.9K2 0

探索RESTful API开发，构建可扩展的Web服务

同样，RESTful API也有一些设计原则：统一接口： API应该具有统一的接口，使其易于理解和使用。状态无关性：客户端和服务器之间的交互不应该包含关于请求的状态信息。每个请求应该是完全独立的。...实现RESTful端点实现GET请求当实现GET请求时，我们的目标是从服务器获取资源的信息。在RESTful API中，GET请求通常用于检索资源。...// 返回资源信息 echo json_encode($resource);}在上面的示例中，我们首先检查请求是否为GET请求。...如果查询返回了结果，我们提取资源信息并将其编码为JSON格式返回给客户端。如果未找到资源，我们返回404错误响应。实现POST请求实现POST请求时，我们的目标是在服务器上创建新资源。...实现PUT请求实现PUT请求时，我们的目标是更新现有资源的信息。在RESTful API中，PUT请求通常用于更新服务器上的资源。

2600 0

【云函数SCF】浏览器请求函数URL，实现CORS

踩坑函数的内容仅仅是返回event对象exports.main_handler =async (event, context) => { return event;}使用APIFox，能够正常返回响应...Access-Control-Allow-Origin是否存在发送请求时的域，非简单请求时检查Access-Control-Allow-Headers，Access-Control-Allow-Methods...所以要能让浏览器正常请求，就需要函数返回能够让浏览器通过CORS检查的响应头。云函数侧解决云函数部分可以通过返回类似下图结构的内容，实现自定义参数的设置。...主要关注header部分在返回时，带上这几个header，即可让浏览器通过CORS这是一个示例，例如我想从https://a.com和https://b.com，给我的函数URL发送带有请求头token...的，支持POST、PUT、GET的请求......return { "statusCode": 200, "headers": { "Content-Type": "application

3112 0

挑战30天学完Python：Day29 Python Rest API

HTTP客户端打开连接并向HTTP服务器发送请求消息，HTTP服务器返回请求的资源响应消息。当请求-响应周期完成时，服务器关闭连接。请求和响应消息的格式类似。...让我们启动Day26时候我们写的一个web程序并请求其中一个接口，打开浏览器开发者工具查看下网络栏里接口信息。...状态行示例如下: HTTP/1.0 200 OK 或 HTTP/1.0 404 Not Found 最常见的状态码有: 200 OK：请求成功，结果资源(例如文件或脚本输出)在消息体中返回...浏览器只能处理GET请求。因此，我们需要一个工具来处理所有请求方法（GET、POST、PUT、DELETE）。这里先提一款接口流程测试工具叫 Postman，后边的内容我们将使用它进行演示。...在平常工作中可能大家见到的接口基本都是GET/POST两种，研发通过接口名区分其他操作，而不是用这种请求方法。

1983 0

4k字介绍 React Router 6.4 超大变化：引入 Data API。你不纯粹了！

注意：这里指的不是你在 loader 内部发的 fetch 请求，而是当用户路由到当前路径时，发出的“请求”（其实在Single-Page App中，router已经拦截了这个真实的请求，只有Multi-Page...(res.status === 404) { throw new Response("Not Found", { status: 404 }); } return res.json();}//...因为 Response 异常通常是开发者自己抛出的，是可以展示原因的（包括后端接口返回错误码和错误提示文案，也可在这里处理）。其它异常，通常是未知的，就直接展示兜底的报错文案即可。...（类似 useLoaderData）不同点在于，它们执行时机不同：loader 是用户通过 GET 导航至某路由时，执行的。...action 是用户提交 form 时，做 POST PUT DELETE 等操作时，执行的。

6K6 1

Cypress系列（69）- route() 命令详解

同样是 login 请求，有些是 xhr，有些却是 document，对于 type=document 的请求， .route() 默认是不会拦截到的非 XHR 请求使用 Fetch API 的请求以及其他类型的网络请求...如果要对响应体做断言，可以从这对象里面拿到对应的值重点一 Cypress 通过 cy.route().as() 和 cy.wait() ，可以自动等到接口返回以后再执行后续操作，增强了测试用例的健壮性...200) }) 重点二指定了 status 参数之后，也必须指定 response 参数强制返回 404 的栗子不匹配路由的请求，强制返回 404 状态和空 response 测试代码 cy.server...当 /login 没有匹配到任意路由的时候，会返回 404 查看 route 路由的日志 ?...network-put').click() cy.wait('@putComment') // 出现 404 之后断言文案 cy.get('.network-put-comment

1.4K4 0

科普一下 CORS 以及如何节省一次 OPTIONS 请求

该请求 header 中会包含以下两个字段： · Access-Control-Request-Method：该字段的值对应当前请求类型，例如 GET、POST、PUT等等。浏览器会自动处理。...如果不支持，建议返回 403 状态码（返回 404 或其他错误状态码也可以）。...当我们发起跨域请求时，如果是非简单请求，浏览器会帮我们自动触发预检请求，也就是 OPTIONS 请求，用于确认目标资源是否支持跨域。如果是简单请求，则不会触发预检，直接发出正常请求。 2....规范规定了，当请求同时满足以下所有情况时，才会被浏览器认为是一个简单请求： · 请求方法必须是以下之一：GET、HEAD、POST，也就是说 PUT、PATCH 等方法必然会触发预检。...也就是说，如果请求的 Content-Type 被设置为 application/json;charset=utf-8 时也必然会触发预检。

2.4K3 0

Fetch了解一下呀!

在用法上，fetch()接受一个URL字符串作为参数，默认向该网址发出GET请求，返回一个 Promise 对象。...:41:40 @Author : Li Ruilong @Version : 1.0 @Desc : get请求返回JSON '''...41:40 @Author : Li Ruilong @Version : 1.0 @Desc : get请求返回JSON '''...(internal/process/task_queues.js:93:5) 修改接口返回状态码为400 @app.route('/init', methods=['GET']) def init(...@Author : Li Ruilong @Version : 1.0 @Desc : get请求返回JSON ''' data = ["Ajax

5K1 0

Vue前端交互

HTTP请求方式。　　a、GET，查询操作。　　b、POST，添加操作。　　c、PUT，修改操作。　　d、DELETE，删除操作。 2、Vue前后端交互模式，接口调用方式。...1）、method(String)，http请求方法，默认为Get(Get、Post、Put、Delete，对应的是增删改查)。 2）、body(String)，http的请求参数。...请求传参*/ 88 fetch('http://localhost:3000/books/123', { 89 method: 'put',...1）、text()，讲返回体处理成字符串类型。 2）、json()，返回结果和JSON.parse(reponseText)一样。 1 <!...// 如果使用json格式，返回的时候就不用进行处理了。

3K1 1

前端成神之路-vue04

(url).then() 第一个参数请求的路径 Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost...API 中的 HTTP 请求 fetch(url, options).then(） HTTP协议，它给我们提供了很多的方法，如POST，GET，DELETE，UPDATE，PATCH和PUT...请求传参修改id 是 123 的 fetch('http://localhost:3000/books/123', { method: 'put...来获取数据，如果响应正常返回，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT...自动转换JSON数据能转换请求和响应数据 axios基础用法 get和 delete请求传递参数通过传统的url 以 ?

3.7K1 0

前端三大框架之Vue-day04

3.2K2 0

二十.接口调用

(url).then() 第一个参数请求的路径 Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://...API 中的 HTTP 请求 fetch(url, options).then(） HTTP协议，它给我们提供了很多的方法，如POST，GET，DELETE，UPDATE，PATCH和PUT 默认的是...请求传参修改id 是 123 的 fetch('http://localhost:3000/books/123', { method: 'put...来获取数据，如果响应正常返回，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT...自动转换JSON数据能转换请求和响应数据 axios基础用法 get和 delete请求传递参数通过传统的url 以 ?

6.7K1 0

Vue 09.前后端交互

基本使用 /* fetch(url).then() 第一个参数请求的路径，Fetch会返回Promise，所以可以使用then拿到请求成功的结果 */ fetch('http://localhost...id=123', { // get 请求可以省略不写默认的是GET method: 'get' }) .then(function(data) { // 它返回一个Promise实例对象...(data) { return data.text(); }).then(function(data) { console.log(data) }); PUT // PUT请求传参 fetch(...来获取数据，如果响应正常返回，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT...的形式传递参数通过 restful 形式传递参数通过 params 形式传递参数 post 和 put 请求传递参数通过选项传递参数，默认 JSON 格式通过 URLSearchParams

6K3 0

【面试Vue全家桶】vue前端交互模式-es7的语法结构？asyncawait

异步接口调用，常常使用到的语法，promise的概念是什么呢？调用接口的方式，第一种为，fetch进行接口调用，第二种为，axios进行接口的调用。 es7的语法结构？...HTTP的请求方式，第一种，使用GET为查询，第二种，使用POST为添加，第三种，使用PUT为修改，第四种，使用DELETE为删除。...fetch请求参数 method(string) http请求方法，默认为GET，可以使用POST,PUT,DELETE body(string) http的请求参数 headers(object) http...的请求头 fetch('/da', { method；'get'}).then(data=>{returndata.text();}).then(ret=>{console.log(ret);}); GET...json() 返回结果和json.parse(presponseText)相同接口调用axios用法第三方的库，很强大，是一个局域promise用于浏览器和node.js的HTTP客户端。

1.5K1 0

《现代Typescript高级教程》实战之封装Fetch

(); return data; } } 这样我们就成功地创建了一个FetchService类，它封装了 fetch API的 GET, POST, PUT 和 DELETE 方法。...然后，我们定义了四个异步函数，每个函数都执行一个网络请求，并在请求成功时打印出返回数据中的 message 字段。这四个函数分别对应 GET, POST, PUT 和 DELETE 请求。...如果你的数据类型更复杂，你可以定义一个接口来描述它，然后在这里使用那个接口。如果请求失败，我们在 catch 块中捕获错误并打印错误消息。...如果服务器返回的HTTP状态码不是200-299，fetch API会认为请求成功，不会抛出错误。...我们把方法（GET、POST、PUT、DELETE），URL和可能的请求体传递给 _request 方法，然后它处理所有的共享逻辑，包括运行拦截器，发送请求，处理响应和解析JSON。

8862 0

axios笔记(一) 简单入门

API 分类 3.1 REST API(restful) RESTful 接口设计规范发送请求进行 CRUD 哪个操作由请求方式来决定同一个请求路径可以进行多个操作请求方式会用到 GET / POST.../ PUT / DELETE 等 3.2 非 REST API(restless) 请求方式不决定请求的 CRUD 操作(甚至可以用 GET 请求进行删除操作) 一个请求路径只对应一个操作请求方式一般只有...GET / POST 4. json-server 搭建 REST 接口 json-server 仓库全局安装 npm install -g json-server 新建 db.json文件 {...-watch db.json 打开 http://localhost:3000/，可以在 Resources 中看到所有的接口点击对应接口，可以获取对应数据支持携带参数 params 参数...ajax 引擎帮忙发送) 浏览器端发送请求，只有 XHR 或 fetch 发出的才是 ajax 请求，其他的都不是 ajax 请求浏览器端接收到响应(一般请求浏览器会自动更新页面，而 ajax

1.6K2 0

Next.js 使用 Hono 接管 API

) export const DELETE = handle(app) 从 hono/vercel 导入的 handle 函数会将 app 实例下的所有请求方法导出，例如 GET、POST、PUT、DELETE...链式调用还是以 User CRUD 的代码为例，不难发现 .get .post .put 都是以链式调用的写法来写的，一旦拆分后，此时接口还是能够调用，但这将会丢失此时路由对应的类型，导致 client...无法使用获取正常类型，使用链式调用的 app 实例化对象则正常。...替换原生 Fetch 库 hono 自带的 fetch 或者说原生的 fetch 非常难用，为了针对业务错误统一处理，因此需要选用请求库来替换，这里我的选择是 ky，因为他的写法相对原生 fetch...不过对于 TS 全栈开发者，似乎也没必要编写 API 文档（接口自给自足），更何况还有 RPC 这样的黑科技，不担心接口的请求参数与响应接口。

1261 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云