如果后端GET请求API因为用户不存在而失败，如何显示404页面？前端和后端分离 - 腾讯云开发者社区

文章/答案/技术大牛

发布

什么是RESTful，REST api设计时应该遵守什么样的规则？

前后端分离在没有前后端分离的时候，开发人员是非常痛苦，这个好比一家公司只有老板一人一样，财务、业务、产品、技术样样都要关心，而且不管前端还是后端，稍微改点东西就会互相影响，测试、维护成本极大。...图片只要双方都知道要发送给对方的消息格式，它们就可以保持模块化和分离，将用户界面关注点与数据存储关注点分开，这样可以极大提高跨平台界面的灵活性，并通过简化服务器组件来提高可扩展性。...这就是前后端分离的优势所在。如何使用REST API？HTTP 动词REST API 通过各种 HTTP 请求方法，使前端与服务器的通信过程更容易，最常用的方法是：GET : 用于读取服务器上的数据。.../v1/users/15、URL分页分页可以轻松处理大量请求结果，例如，Web 服务包含数百或数千个页面，当请求显示其所有页面时，将获得相同数量的结果作为回应。...400：错误请求（客户端应修改请求）401：未经授权，凭据无法识别403：禁止，凭据接受但没有权限404：未找到，资源不存在410：消失了，资源以前存在但现在不存在429：请求过多，用于速率限制，应包含重试标头

1.5K3 0

Spring Boot + Vue 前后端分离开发，前端网络请求封装与配置

另外一个需要注意的地方则是错误的展示需要使用一种通用的方式，而不可以和页面绑定（例如，登录失败，在用户名/密码输入框后面展示错误信息，不支持这种错误显示方式），这里推荐使用 ElementUI 中的 Massage...', url: `${base}${url}` });} 由于在前后端分离项目中，大多数情况下，后端接口都采用 RESTful 风格来设计，所以前端主要封装 GET\POST\PUT\DELETE...配置请求转发在前后端分离中，前端和后端在不同的端口或者地址上运行，如果前端直接向后端发送请求，这个请求是跨域的。...但是在项目部署时，前端打包编译后拷贝到 Java 项目中，和 Java 项目一起运行，此时不存在跨域问题。...总结本文主要和大伙分享了在前后端分离的情况下，如何对前端网络请求进行封装，并且如何配置请求转发，这是前后端分离中的基础课，小伙伴们有问题欢迎留言讨论。

1.7K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

前后端不分离到分离演变,优势,前后端接口联调,排错及优化

再比如因为同步加载的原因，在JSP中有很多内容的情况下，页面响应会很慢。 ? 前后端未分离 ? 在前后端不分离架构中，所有的静态资源和业务代码统一部署在同一台服务器上。...（多端应用）页面显示的东西再多也不怕,因为是异步加载. nginx支持页面热部署,不用重启服务器,前端升级更无缝增加代码的维护性&易读性前后端耦在一起的代码读起来相当费劲提升开发效率因为可以前后端并行开发...10.前端需要有机制应对后端请求超时以及后端服务宕机的情况，友好的展示给用户前后端接口联调前言以JC同事为例，他公司为前后端分离架构，前端vue全家桶；前后端人员开会协商数据接口后(主要是定义传输的数据和...，而前端首先需要知道是成功还是失败来进行逻辑编码；如果失败，前端可直接将message显示给用户。...在前端页面访问后端接口的时候，如果后端或服务器端未做一些设置，会造成页面访问接口失败，在浏览器的控制台会显示报错信息。

3.2K5 0

通过 Laravel 创建一个 Vue 单页面应用（五）

因为在后端的Laravel程序中存在一个万能路由, 这意味着前端也需要这么一个万能路由，当访问路径与已经定义的路由不匹配时以一个404页面作为响应。...为了捕获在 create() 回调中失败的请求信息，以及将用户请求重定向到404路由，我们需要更新一下 UsersEdit ： created() { api.find(this....$router.push({ name: '404' }); }); } 现在，如果您直接向 /users/2000/edit 这样的 URI 发出请求，你应该会看到应用重定向到404页面，而不是挂在...API客户端选项尽管我们奉献的 users.js 在小型应用程序中，HTTP 客户端可能被认为是有点小题大做了，我认为分离已经为我们提供了很好的服务，因为我们在多个组件中使用了 API 模块。...接下来是什么我们学习了如何通过 Vue 路由器在前端删除用户并对成功删除做出响应.。

6K2 0

RESTful API 的设计与实现

在当今的互联网时代，前后端分离已经成为主流，而 RESTful API 作为一种标准化的接口设计方式，被广泛应用于 Web 开发。...合起来，RESTful API 就是一种基于 HTTP 设计的接口风格，让前端和后端能清晰、标准地进行数据交互。它强调的是：资源（Resource）：比如用户、文章、商品等数据对象。...如何设计 RESTful API？要设计一个合理的 RESTful API，我们需要遵循以下原则：1. 资源命名要清晰API 里的 URL 代表的是资源，所以 URL 里应该是名词，而不是动词。...返回合理的 HTTP 状态码API 调用成功或者失败，不应该只返回 200 OK，而应该使用合适的状态码：200 OK：请求成功，比如 GET /users201 Created：资源创建成功，比如 POST...401 Unauthorized：未授权，比如访问需要登录的接口但没带 Token403 Forbidden：没有权限，比如普通用户想访问管理员页面404 Not Found：资源不存在，比如访问 GET

6830 0

restful最佳实践--接口规范

为了前后端分工明确，对接流畅，确保可读性和扩展性以及高可用、一致性，特约定下述无状态RESTful API规范：写在前面前后端分离意味着，前后端之间使⽤ JSON 来交流，两个开发团队之间使...是否有⾜够的技术来⽀撑前后端分离？有没有能⼒创建出符合 RESTful 风格的API？是否有能⼒维护 API 接口？当前端或者后台需要修改接⼜时，是否能轻松地修改？...前后端分离的核⼼：后台提供数据，前端负责显⽰前提 RESTful API 统一约束客户端和服务器之间的接口。简化和分离系统架构，使每个模块独立！...如果id不存在或非法，返回404 (NotFound)。 PUT 404 (Not Found)，除非你想更新整个资源 200 (OK) 或者204 (No Content)。...如果id不存在或非法，返回404 (NotFound)。

2.4K4 2

RESTful Web APIs设计风格

前后端不分离模式前后端不分离模式的代码耦合度比较高，前端页面看到的效果都是由后端控制的，这种Web应用一般是纯网页应用，基本不存在前后端之间的接口交互。 2....前后端分离模式前后端分离模式中，后端仅返回前端所需的数据，不渲染HTML页面，不控制前端的效果。...前端和后端之间通过接口来传递数据，后端返回的数据通常采用json格式的数据，前端不管是网页(PC端)还是APP(移动端)，都可以解析后端返回的数据，然后自己渲染页面效果。...4xx：客户端的请求有错误，常用404(服务器无法找到被请求的页面)。 5xx：服务器端出现错误，常用500(请求未完成,服务器遇到不可预知的情况)。...） 403 [*] 表示用户得到授权，但是访问是被禁止的 404 [*]：服务器无法找到被请求的页面 500 [*]：服务器发生错误，用户将无法判断发出的请求是否成功在返回状态码中，不同请求方式成功后

9242 0

Vue 前后端交互基础

1.1 了解前后端分离 1.1.1 前后端不分离在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示，前端与后端的耦合度很高。...这种应用模式比较适合纯网页应用，但是当后端对接 App 时，App 可能并不需要后端返回一个 HTML 网页，而仅仅是数据本身，所以后端原本返回网页的接口不再适用于前端 App 应用，为了对接 App...1.1.2 前后端分离在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染 HTML 页面，不再控制前端的效果。...至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App 有 App 的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可...在前后端分离的应用模式中，前端与后端的耦合度相对较低。在前后端分离的应用模式中，我们通常将后端开发的每个视图都称为一个接口，或者 API，前端通过访问接口来对数据进行增删改查。

2.7K5 0

Django rest Framework入门一：手工实现常见API

Django REST Framework Django本身是一个前后端不分离的框架，适合很多相对简单的开发需求，但是现在很多场景比较复杂，尤其是前端比较复杂，而现在很多前端框架都很不错，能极大简化前端开发工作...，这个时候前后端分离就很有必要了；而且现在一般团队中开发成员也都是前后端分离的，前端专门开发UI，后端专门开发业务逻辑；再加上微服务的流行，后端API化的趋势已经很明显了。...Django REST Framework就是一个基于Django的前后端分离框架，可以将后端的功能封装成API对外提供服务。...，只是最终返回的是数据，而不是通过Template渲染过的页面，这样就和DRF的API能力非常相似 url解释跟路由(demo路径下urls.py) urlpatterns = [ path...测试 test路径下有个文件：mannual_api.py 里面写了POST和DELETE两种API的测试代码，直接运行即可，会返回测试成功或者失败的提示 $ python .

4851 0

浅析 Open API 设计规范

Open API 和前端页面一样，一直都是产品的门面， Open API 不规范，会拉低产品的专业性。...站在业务角度，有一些指导原则，指导我们完善 Open API 机制：前端页面使用的接口和 Open API 提供的接口是同一套接口任意的前端页面接口都应该有对应的 Open API 站在技术角度，有很多的...code 的状态码，本文使用 0 标识请求成功，message 仅在业务响应失败时有意义，data 代表业务响应结果如何选择 RPC 和 ROA，则需要根据产品自身的业务情况进行决策。...，而应改成 POST，path 中只应该出现资源定位符，而不应当携带属性）响应码为 404 时，较难区分是真的 path 不存在，还是资源不存在不利于对接网关等需要配置路由转发的场景 CSB 的 Open...API 规范希望满足以下的需求：后端开发设计接口时，有明确的设计思路，不至于因为一个接口到底用 POST 还是 GET 实现而纠结，不用花费太多时间在资源的抽象上（这并不是说明资源是不需要被设计的）

3.4K1 0

Spring Boot+Vue前后端分离，如何避免前端页面 404

接下来，我再来把 404 配置这件事的来龙去脉和大家仔细捋一捋。...但是在前后端分离中，页面的跳转统统交给前端去做，后端只提供数据，这种时候，权限管理不能再按照之前的思路来。...2.存在的问题当前后端分离之后，对于前端所承担的职责，大家可能会面临一个问题：如果用户直接在地址拦输入某一个页面的路径，怎么办？...在用户还没有登录的时候，如果他在浏览器输入一个不存在的地址，就会自动回到登录页面，这没有问题，但是用户如果已经登录了，在浏览器输入一个不存在的地址，这个时候就会发生 404，当你没做任何定义的时候，所谓的...看懂了前面，如何解决 404 其实就很容易明白了。

2K2 0

程序员入职避免挨骂小知识-RESTful风格

文章目录一、什么是API(应用程序编程接口) 二、Web 技术的发展阶段三、前后端分离模式与传统模式 3.1、传统模式 3.2、前后端分离四、RESTful风格 4.1、传统的API设计 4.2...三、前后端分离模式与传统模式 3.1、传统模式前端写好静态的html页面交给后端开发，后端把html改成模板，然后使用模板引擎去套模板，比如jsp，freemarker等，而后端人员在开发过程中如果发现页面有问题...前端页面也会嵌入很多后端的代码。一旦后端换了一套语言，前端也需要重新开发。沟通成本，调试成本，前后端开发进度相互影响，从而大大降低开发效率。...404 NOT FOUND - [*]：用户发出的请求针对的是不存在的记录，服务器没有进行操作，该操作是幂等的。...406 Not Acceptable - [GET]：用户请求的格式不可得（比如用户请求JSON格式，但是只有XML格式）。

8813 0

实现前后端分离开发：构建现代化Web应用

定义API 前后端分离的关键是明确定义前后端之间的API。API定义了前端如何与后端进行数据通信。通常，API使用RESTful风格，通过HTTP请求来实现。...前端通过HTTP请求（如GET、POST、PUT、DELETE）向后端请求数据和发送数据。...以下是API的一个简单示例： GET请求获取用户信息： GET /api/users/123 POST请求创建新用户： POST /api/users PUT请求更新用户信息： PUT /api/users.../123 DELETE请求删除用户： DELETE /api/users/123 定义清晰的API有助于前后端团队理解如何与对方进行通信，以及如何处理请求和响应。...数据以JSON格式进行交互，这在前后端之间非常常见。步骤5：前端路由前端路由是前后端分离应用程序的关键部分。它允许用户在应用程序内导航，而不需要整页刷新。

3.3K1 0

HarmonyOS 应用跨团队 Debug 协作

案例背景与问题分析问题背景在开发一款 HarmonyOS 购物类应用时，用户切换网络环境时频繁出现页面崩溃，问题涉及以下团队：前端：页面加载失败，可能是网络请求导致。后端：接口响应超时。...通过分析发现：前端部分页面加载失败，日志显示网络请求超时。后端部分 API 在特定场景响应时间过长。运维发现切换网络时负载偏高。...这些信息对排查请求路径是否正确非常重要。Log.error：在请求失败时记录失败原因，例如 HTTP 状态码（如 404 或 500）。这些信息可直接提供给后端进行验证。...实际应用场景跨团队协作时，前端开发者可提供记录的日志给后端，快速确认问题是否出在接口上。如果日志显示接口正常，则可进一步定位问题可能在网络连接或后端服务上。...status.isConnected 属性表示网络是否连接：如果断开连接，向用户显示提示，提醒其检查网络。如果网络恢复，应用可以尝试重新加载页面或发起新的请求。

5201 1

RESTful API接口设计规范与最佳实践

Part1介绍 RESTFull 接口设计目前广泛应用于各种软件系统中，特别是前后端分离架构的web应用。...解析：HTTP协常用的请求方法类型有GET、POST、PUT、PATCH、DELETE，其中毫无疑问GET和POST是最最最常用的，而且每个请求方法类型都有各自的描述：序号类型描述 1 GET 请求指定的页面信息...如果说业务场景认为”空“是允许的，那么就不应该让本次响应是一个404的HTTP状态码，因为有些业务场景下，“空”也是有它的业务含义的比如我们要查询一个月内连续登陆10天的用户列表，结果是没有用户满足这个条件...比如说我们要修改指定的某个用户的个人信息，那么通常情况下我们后端的处理逻辑是这样的：查询这个用户是否存在，如果存在则进行更新操作，如果不存在，抛出一个异常提示要修改的用户不存在。...在这种场景下，这个异常就会是一个404异常，我们尝试修改一个并不存在的用户。

1.9K1 0

从nginx返回404来看http1.0和http1.1的区别

如果下一个定义，你会如何来定义？...2 查看前端和后端的日志变更导致的问题，要么看配置是不是有问题，要么看日志查查问题出现的点在哪里。...在查看nginx的accesslog的时候，重要的看请求发到了哪个后端，404是不是后端返回的，如果404是nginx直接返回的，说明还没到达后端，如果是后端的返回的，那么就要看后端nginx的日志了。...在此处的问题中，查看前端nginx日志的时候，发现是后端nginx返回的404，因为upsteam_status 为404，而且能找到对应的upsteam server的ip，从而到对应的后端nginx...那么再尝试一下第二种方案，不加host后端，而指定http协议为1.1，因为http1.1协议默认会传输host头部，从而无需显示指定，发现也是ok的。

9351 0

滴滴前端必会vue面试题汇总_2023-05-19

是什么原因呢如何部署前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可我们知道vue项目在构建后，是生成一系列的静态文件常规布署我们只需要将这个目录上传至目标服务器即可...如果控制到按钮级别的权限怎么做一、是什么权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发页面加载触发...，定义路由的时候还有添加菜单显示标题，图标之类的信息，而且路由不一定作为菜单显示，还要多加字段进行标识菜单权限菜单权限可以理解成将页面与理由进行解耦方案一菜单与路由分离，菜单由后端返回前端定义路由信息...全局路由守卫里，每次路由跳转都要做判断前后端的配合要求更高按钮权限方案一按钮权限也可以用v-if判断但是如果页面过多，每个页面页面都要获取用户权限role和路由表里的meta.btnPermissions...这里应该有效区分错误类型，如果是请求错误，需要上报接口信息，参数，状态码等；对于前端逻辑异常，获取错误名称和详情即可。另外还可以收集应用名称、环境、版本、用户信息，所在页面等。

1.1K6 0

项目搭建历程-Part III

前后端对接前面简单说了前端和后端，然后根据我的理解谈谈前后端对接前后端分离什么是前后端分离呢？...前后端分离是目前一种非常流行的开发模式，它使项目的分工更加明确：后端：负责处理、存储数据前端：负责显示数据简言之就是，前端和后端开发人员通过接口进行数据的交换。...对接中出现的问题下面是我自己在对接时出现的问题，因为我前端相当于是提前写好的，所以我在对接起来问题很多，不灵活跨域请求问题导致跨域问题的主要原因是，一个url中，协议，域名，端口号其中一个与当前页面不同...post请求前会自动发送options请求，来测试要传参接口的安全性，而往往会被后端拦截而报错解决方法： 1.在中间件里添加response[“Access-Control-Allow-Methods...options请求，那么返回200，即请求成功，那么就不会报错啦~ 文件上传我以图片为例，具体实现方式：前端: 通过 Form表单将图片文件以参数形式post给后端后端： 1.在settings.py

4242 0

DRF框架学习（一）

目的：利用DRF框架快速的实现RestAPI接口的设计 2、web开发的两种模式 2.1前后端不分离前后端不分离：前端看到的效果是由后端进行控制，由后端进行模板渲染，给客户端返回渲染之后完整的页面内容...使用：适合于纯网页的应用优势：利于SEO（搜索引擎优化）在前后端分离的应用模式中，前端与后端的耦合度相对较低。...2.2前后端分离前后端分离：后端值返回前端你所需的数据，至于数据怎么展示，由前端自己控制。...使用：可以适用于不同的客户端劣势：不利于SEO（搜索引擎优化）在前后端分离的应用模式中，我们通常将后端开发的每个视图都称为一个接口，或者API，前端通过访问接口来对数据进行增删改查。...资源不存在 400 客户端请求有误 500 服务器错误 5、响应数据的格式：json数据域名、版本、错误处理、超媒体了解即可。

1.5K2 0

Vue与Nginx跨域设置：从开发到生产的完整解决方案

前后端分离架构中，跨域问题如同一条隐形的鸿沟，而Nginx反向代理正是搭建其上的稳固桥梁。前后端分离已成为现代Web开发的主流模式。...举例来说，如果你的Vue应用运行在 http://localhost:8080，而后端API部署在 http://api.example.com:3000，那么从Vue发起的API请求就会因端口和域名都不同而被浏览器拦截...Nginx反向代理的核心思想是：让浏览器认为所有请求都来自同一个源。通过配置Nginx，将前端请求中特定路径（如/api）的请求转发到真实的后端服务器。...如果使用history模式以获得更友好的URL，需要在Nginx中特殊配置，避免刷新页面时出现404错误。...通过rewrite ^/api/(.*) /1 break;这样的配置，可以将前端统一发送到/api下的请求，精准地重定向到后端实际接口。

4641 0

点击加载更多

什么是RESTful，REST api设计时应该遵守什么样的规则？

Spring Boot + Vue 前后端分离开发，前端网络请求封装与配置

前后端不分离到分离演变,优势,前后端接口联调,排错及优化

通过 Laravel 创建一个 Vue 单页面应用（五）

RESTful API 的设计与实现

restful最佳实践--接口规范

RESTful Web APIs设计风格

Vue 前后端交互基础

Django rest Framework入门一：手工实现常见API

浅析 Open API 设计规范

Spring Boot+Vue前后端分离，如何避免前端页面 404

程序员入职避免挨骂小知识-RESTful风格

实现前后端分离开发：构建现代化Web应用

HarmonyOS 应用跨团队 Debug 协作

RESTful API接口设计规范与最佳实践

从nginx返回404来看http1.0和http1.1的区别

滴滴前端必会vue面试题汇总_2023-05-19

项目搭建历程-Part III

DRF框架学习（一）

Vue与Nginx跨域设置：从开发到生产的完整解决方案

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐