前端写分页api遇到403，netERR_FAILED错误

已于 2024-04-10 13:04:04 修改
阅读量179 收藏
点赞数 1
文章标签： 前端
于 2024-04-06 11:57:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65651745/article/details/137424652
版权

前端写分页api遇到403，net::ERR_FAILED错误

错误提示

​

    GET http://localhost:8080/account/PageBean net::ERR_FAILED

image-20240406112737536

image-20240406115322418

image-20240406115345154

api请求

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

后端接受

image-20240406112839571

postman测试，后端接口没问题

image-20240406112857366

原因：

最后总结：

url路径写错了，应该请求pageList

2个小时！2个小时！

403

也是服务器禁止访问的意思。

很好奇为啥不是报404错误，而是403呢

403是服务器禁止访问的意思。

m0_65651745
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
FastAPI后端查询数据在前端进行分页展示（html、py文件）
04-23
在本项目中，我们主要探讨如何使用FastAPI作为后端框架与前端的LayUImini框架结合，实现在网页上对MySQL数据库中的数据进行分页显示。FastAPI是一款现代、高性能的Web API框架，它基于Python 3.6+，而LayUImini则是...
纯JS前端实现分页代码
11-25
在前端开发中，分页是一种常见的功能，用于处理大量数据的显示，避免一次性加载过多内容导致页面卡顿或用户浏览不便。在这个场景中，我们讨论的是如何使用纯JavaScript实现前端分页，不依赖任何第三方库或插件。下面...
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.ERR_FAILED 403
weixin_51167671的博客
06-16 288
ERR_FAILED 403
nginx net::ERR_ABORTED 403 (Forbidden)
追梦小狂魔的博客
12-09 4931
读取的文件权限不够，nginx不是root，所以要么变成root要么允许文件读写 提高权限` 再重新加载即可 nginx -s reload
发送预检请求出现403，且真实请求出现跨域错误
qq_60542647的博客
04-17 535
使用apifox测试的时候正常，但是前端访问时不仅出现跨域错误，还出现了预检请求和403。
请求接口报错net::ERR_FAILED
weixin_45422787的博客
07-20 7万+
出现这个问题的原因： 1:前端域名配置错误 2:后端没有配置这个域名 解决： 确定当前接口请求和后端配置的域名一致，如果不一致，需要前端配置文件中改为和后端域名一致，如果项目中有使用多个域名的配置，除了主域名的接口之外，其他的域名接口需要单独代理调用，我当前的调用方式： getStoreSwitch(options = {}) { // 开关获取 options.baseURL = process.env.VUE_APP_WHALE_API options.url = `/pointma.
web前端+jquery与ajax+json+手写前端完全实现分页
最新发布
05-14
本主题聚焦于"web前端+jQuery与Ajax+JSON+手写前端完全实现分页"，这是一种高效的方法来处理大量数据，提升用户体验，同时减轻服务器压力。下面将详细介绍这些关键技术点。 **jQuery** 是一个快速、简洁的...
纯jQuery实现前端分页功能
12-09
【纯jQuery实现前端分页功能】 前端分页是一种常见的数据展示策略，尤其在处理大量数据时，可以显著提升页面加载速度和用户体验。在本文中，我们将探讨如何使用jQuery库来实现在前端进行分页，避免一次性加载大量...
数据分页实例.zip_前端开发_Java_
08-10
在这个“数据分页实例.zip”压缩包中，包含的是前端开发与Java结合实现数据分页的具体源码。我们将深入探讨这个主题，了解如何在实际项目中有效地实施数据分页。 首先，前端开发中的数据分页主要涉及到用户界面的...
跨域问题403/Network Error
dieuking的博客
05-13 5434
1 什么是跨域 1.1 问题出现 403/Network Error 1.2 跨域分析 网址url组成 协议://域名:port/uri 协议：HTTP/HTTPS 域名：由一串字符+域名后缀组成 port：端口号，定位服务器 uri：资源路径 跨域，顾名思义，即跨域名访问。 跨域的几种情况： 域名不同 www.baidu.com 与 www.csdn.com 域名相同，端口号不同 www.b...
导致403错误的原因和解决方法
热门推荐
u010227042的博客
11-22 16万+
一、导致403错误的主要原因 　　403 Forbidden错误的原因和解决方法 　　1、你的IP被列入黑名单。 　　2、你在一定时间内过多地访问此网站(一般是用采集程序)，被防火墙拒绝访问了。 　　3、网站域名解析到了空间，但空间未绑定此域名。 　　4、你的网页脚本文件在当前目录下没有执行权限。 　　5、在不允许写/创建文件的目录中执行了创建/写文件操作。 　　6、以http方式访问需要ssl连接的网址。 　　7、浏览器不支持SSL 128时访问SSL 128的连接。 　　8、在身份验证
访问前端时，报403 Forbidden问题
weixin_56602545的博客
04-27 3008
发现user 权限是nginx，更改nginx.cong配置文件权限，把user nginx更改为user root，权限。备注：从安全性的角度考虑，建议使用nginx用户运行Nginx worker进程，除非有特殊的原因需要使用root用户。更改nginx.conf后，需要刷新配置文件，一般建议重启nginx重新加载，有时使用nginx配置文件刷新无效。检查default.conf配置文件，root 目录下静态资源存放位置，如果没有问题。第二，静态资源没有挂载到nginx容器中指定root目录下。
深入探讨403错误产生的根本原因，并提供几种解决403错误方法
s__777的博客
12-07 6万+
在互联网的日常使用过程中，我们可能会遇到一些难以理解的错误代码，其中之一就是403错误。这个错误通常表现为"403 Forbidden"或"HTTP Status 403"，它指的是访问资源被服务器理解但拒绝授权。换句话说，服务器可以理解你请求看到的页面，但它拒绝给你权限。今天就和大家深入探讨403错误产生的根本原因，并提供几种解决403错误方法。
前端跨域请求-403
yovven的博客
09-27 6412
1.angular前端跨域请求 this.$http({ method: 'POST', url: Url, data:param, headers: { 'Access-Control-Allow-Origin':'*','Content-Type':'application/json;charset=UTF-8'} })...
403错误服务器未响应是什么意思,什么是HTTP ERROR 403？导致403错误的主要原因及解决方法...
weixin_31486261的博客
08-10 6万+
一、什么是HTTP ERROR 403403 Forbidden 是HTTP协议中的一个状态码(Status Code)。可以简单的理解为没有权限访问此站，服务器受到请求但拒绝提供服务。二、HTTP 403 状态码解释大全403.1 -执行访问禁止。403.2 -读访问禁止。403.3 -写访问禁止。403.4要求SSL。403.5 - 128要求SSL。403.6 - IP地址被拒绝。403.7...
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
blog-xiaoh的博客
08-24 5万+
Vue2 跨域问题报错AxiosError net::ERR_FAILED、 Network Error、ERR_NETWORK
如何解决引入外部文件（图片、js等）出现403 forbidden的问题
siriva的博客
05-08 7328
页面中引入外网的链接资源，会产生一个新的http请求。为了安全（URL里可能包含用户信息），浏览器一般都会给这写请求头加上表示来源的referrer 字段。 所以，此时我们需要隐藏外部链接中的referrer，在head标签中加入meta，代码如下： <meta name="referrer" content="no-referrer"/>...
网站服务器报403错误怎么解决办法,Http 403错误原因及解决办法
weixin_42596011的博客
08-13 4万+
问题介绍403是Web服务器返回的一种非常常见的错误代码，Http协议中对403错误定义如下，403 ForbiddenThe server understood the request, but is refusing to fulfill it. Authorization will not help and the request SHOULD NOT be repeated. If the...
写一个前端分页
05-30
好的，以下是一个简单的前端分页的示例代码： HTML： ```html <div id="data"></div> <div id="pagination"></div> ``` JavaScript： ```javascript var data = []; // 假设这里存储了所有数据 var currentPage = 1; // 当前页码 var pageSize = 10; // 每页显示的数据条数 var totalPage = Math.ceil(data.length / pageSize); // 总页数 // 渲染当前页的数据 function renderData() { var start = (currentPage - 1) * pageSize; // 当前页的起始数据索引 var end = start + pageSize; // 当前页的结束数据索引 var html = ''; for (var i = start; i < end && i < data.length; i++) { html += '<div>' + data[i] + '</div>'; } document.getElementById('data').innerHTML = html; } // 渲染分页导航 function renderPagination() { var html = ''; if (currentPage > 1) { html += '<a href="javascript:;" onclick="prevPage()">上一页</a>'; } for (var i = 1; i <= totalPage; i++) { if (i == currentPage) { html += '<span>' + i + '</span>'; } else { html += '<a href="javascript:;" onclick="goToPage(' + i + ')">' + i + '</a>'; } } if (currentPage < totalPage) { html += '<a href="javascript:;" onclick="nextPage()">下一页</a>'; } document.getElementById('pagination').innerHTML = html; } // 上一页 function prevPage() { currentPage--; renderData(); renderPagination(); } // 下一页 function nextPage() { currentPage++; renderData(); renderPagination(); } // 跳转到指定页 function goToPage(page) { currentPage = page; renderData(); renderPagination(); } // 初始化渲染 renderData(); renderPagination(); ``` 以上代码中，`data` 存储了所有的数据，`currentPage` 表示当前页码，`pageSize` 表示每页显示的数据条数，`totalPage` 表示总页数。`renderData` 函数用来渲染当前页的数据，`renderPagination` 函数用来渲染分页导航，`prevPage` 函数用来翻到上一页，`nextPage` 函数用来翻到下一页，`goToPage` 函数用来跳转到指定页。在页面加载时，我们需要调用 `renderData` 和 `renderPagination` 函数来进行初始化渲染。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值