axios连接nodejs请求报错401(unauthorized)可能原因

原创 于 2025-05-02 23:11:57 发布 · 290 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #axios #nodejs #node.js #bcrypt

背景

使用了bcrypt加密进行登录验证，使用postman进行注册与登录都正常，但使用前端对之前postman注册的账户进行登录时出现401 unauthorized的报错，排除了前后端的跨域问题后仍旧401

解决办法

应该是用了bcrypt进行加密和校验的原因，不要用原先使用postman注册的账户尝试登录，在前端页面注册新账号再登录就行了

Replican
关注
Node.js 调用微信公众号 API 添加自定义菜单报错的解决方法
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
02-07 91
真是让人崩溃，折腾了好久才发现根本原因，来记录下这个坑，免得你们踩雷！最近遇到一个头疼的问题，给公众号添加自定义菜单，结果一直报错。如果你的 Node.js 代码调用。了，问题根本不在这，坑太深！，如果没有，那很可能是因为。，否则就只能另想办法了！问题来了，我的公众号是。
鸿蒙之封装Axios网络请求工具类（包含拦截器）
qq_47666879的博客
06-05 1097
【代码】鸿蒙之封装Axios网络请求工具类（包含拦截器）
错误码401、 状态码 401
最新发布
imkaifan的博客
08-29 6128
HTTP 状态码 401 表示“未授权”（Unauthorized）。当服务器返回这个状态码时，通常意味着请求需要用户身份验证。具体来说，会发生以下情况：身份验证失败：用户提供的凭据（如用户名和密码）不正确，或者未提供凭据。需要身份验证：服务器可能会返回一个 WWW-Authenticate 头，指示客户端需要提供身份验证信息。访问被拒绝：即使提供了凭据，用户可能没有权限访问请求的资源。重定向到登录页面：在某些情况下，客户端可能会被重定向到登录页面，以便用户输入有效的凭据。
Vue3 axios响应拦截器处理接口返回401未登录跳转登录页
weixin_45323842的博客
11-16 4767
【代码】Vue3 axios响应拦截器处理接口返回未登录返回登录页。
前端axios拿不到401的解决办法
Admans的专栏
06-27 2850
工具：elementplus。
vue 项目 axios 响应拦截器 统一判断401 (登录)过期
weixin_59519449的博客
04-07 4198
背景： 为了模拟token 过期，专门把token 设置错误，为401 界面 把axios 官网里的 复制到拦截器里 放置到request.js 里 在响应器里进行判断4**, 5** 状态码错误 以下为代码 //引入axios ///基于axios 封装网络请求 import theAxios from "axios"; import router from '@/router' import { Notify } from "vant"; const ...
axios post请求报401
eliodadada的博客
07-12 2775
问题： 使用axios向后端发送用户名密码时服务器报401 解决： 请求时没有加请求头，一般加上请求头就好了，另外后端要求将请求跟在请求头（url）后面； 修改后请求成功
axios配置响应拦截器，响应401等
CHENC0518的博客
06-23 472
【代码】axios配置响应拦截器，响应401等。
vue中axios请求拦截器和响应拦截器 以及401状态处理
热门推荐
^_^
06-17 1万+
一、axios 在vue中啊 我们不需要去用原生XHR去发 ajax，因为啊 原生js写起来比较繁琐，并不易我们去开发， 我们可以通过axios去发ajax？看到axios不要觉得新词就很陌生 官网： axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范，有以下特点： 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Pro...
vue axios请求两种方式，出现401错误，需要添加config配置
Ann_52547的博客
10-27 1327
【代码】vue axios请求两种方式，出现401错误，需要添加config配置。
ajax能拿到401axios无法拿到,vue中axios请求拦截器和响应拦截器 以及401状态处理
weixin_32042959的博客
08-06 1143
一、axios在vue中啊 我们不需要去用原生XHR去发 ajax，因为啊 原生js写起来比较繁琐，并不易我们去开发， 我们可以通过axios去发ajax？看到axios不要觉得新词就很陌生官网： axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，本质上也是对原生XHR的封装，只不过它是Promise的实现版本，符合最新的ES规范，有以下特点：从浏览器...
【22/04】Chrome 里的请求报错 “CAUTION: Provisional headers are shown“ 是什么意思?
qq_44722174的博客
04-09 1489
Chrome 里的请求报错 “CAUTION: Provisional headers are shown” 是什么意思? 原回答: 情况：前后端分离项目中接口请求需要进行跨域处理，跨域请求的话浏览器会自动发出一个 OPTIONS 请求，然后返回允许该域名进行请求的相关信息后会再发出 GET 或者 POST 请求。我在 axios 的初始化处统一设置了 timeout 时间为 5s，然后由于后端人员没有针对 OPTIONS 请求进行单独处理，在 OPTIONS 请求时也进行了业务代码的执行，导致请求返回时间
Nodejs生成JWT Token并在Vue中携带token发起请求
鸭绒的博客
10-23 1481
文章目录1.Token简析2. JWT简析3.在Nodejs生成JWT Token 1.Token简析 Token 本质是字符串，用于请求时附带在请求头中，校验请求是否合法及判断用户身份。 Token 与 Session、Cookie 的区别： Session 保存在服务端，用于客户端与服务端连接时，临时保存用户信息，当用户释放连接后，Session 将被释放； Cookie 保存在客户端，当客户端发起请求时，Cookie 会附带在 http header 中，提供给服务端辨识用户身份； Token
大事件项目15----axios响应拦截器，统一判断401做被动退出
weixin_54048131的博客
12-04 353
1、如果在实际使用过程中，token的有效期过期了怎么办 2、 现在token，过期了，之前的项目会回到登录页吗？不会，过期是后端的位置，但是前端的vuex中一直会有，前端是无法判断token过期的 3、这里，我们可以响应拦截器中对401状态码，进行处理 4、 5、这里必须用dir,log打印不出错误来 6、这里携带了请求头，也返回了响应结果 7、后端返回来了一个响应结果 8、我不能等两个小时才等token过期，现在怎样让token提前过期 9、刷新一下，取一下默
axios如何快速有效拦截401状态，自定义错误信息
CRMEB小程序商城的博客
05-13 2995
在前后端分离开发过程中，尤其在开发登陆注册页面，我们经常需要去拦截一些错误信息，比如常见的401错误，那么，如何使用axios去拦截错误401错误，自定义成我们的设置的错误信息！ // 拦截响应 instance.interceptors.response.use( res => { // console.log(res) return res.data }, err => { // 捕获错
Request failed with status code 401 AxiosError: Request failed with status code 401
2301_76868945的博客
07-18 7697
发送请求时出现error:Request failed with status code 401。401考虑到token问题和token编译问题。发现"Basic"中没加空格。查看请求拦截代码,没问题。结果：可以正常发送请求。
http请求返回状态码
qq_41938959的博客
04-30 557
我哭，结果居然让我那个报错我怎么让他不出现，这可真是太为难我啦！因为状态码不是2**都会报错哒。后端希望控制台出现401的时候不要出现这种报错信息，但是关键是你返回的状态码是401啊我哭，401啊，此401非彼401啊，但是我说不通，于是拉过旁边的后端人员来跟他解释啊哈哈哈。其实他看了我的代码的，但是他看不懂，因为他之前写的是原生的ajax不是axios。本来是在response里处理的，后来发现他返回的是状态码401，所以才加的。我的代码结构是这样子的。
axios发送post请求报错500
06-28
### 回答1： axios发送post请求报错500是因为服务器内部出现了错误，导致无法正常处理请求。可能是服务器代码出现了bug，或者是服务器配置不正确等原因导致的。需要检查服务器端的日志，查找具体的错误信息，然后进行相应的修复。同时，也可以尝试使用其他方式发送请求，比如使用fetch或者XMLHttpRequest等，看看是否能够正常处理请求。 ### 回答2： 当使用axios发送post请求时，如果返回的状态码是500，这意味着服务器在处理请求时出现了错误。这可能是由于各种原因造成的，例如服务器端的代码错误、服务器资源不足、数据库连接错误等。 首先，我们可以确保我们的请求参数是正确的并可以被服务器正确处理。我们可以通过打印日志来检查发送的请求和服务器返回的错误信息。如果我们的请求参数不正确或者格式不正确，服务器可能会返回一个500状态码。 其次，我们需要检查服务器端的代码是否正确。我们可以查看服务器端的日志文件或者调试工具来确定错误发生的位置。如果是服务器端代码问题，我们需要对代码进行修复或升级，然后重新部署服务器。 另外，服务器资源也可能是导致500错误的原因之一。我们可以检查服务器的资源使用情况，并增加服务器的内存、硬盘等配置以提高服务器的处理能力。 最后，我们可以尝试使用其他工具（如Postman）来发送相同的请求，以确定是否是axios本身的问题。如果仍然存在问题，我们可以尝试升级axios或者联系axios开发者团队来解决问题。 总之，当axios发送post请求返回500状态码时，我们需要仔细检查请求参数、服务器端代码、服务器资源等方面，以找到并修复错误。 ### 回答3： Axios是一个流行的基于Promise的HTTP客户端，用于在浏览器和Node.js中进行请求。而当通过Axios发送POST请求时，有时候会出现500错误的情况。那么，我们该如何解决这个问题呢？ 首先，需要了解“500”是服务器内部错误的 HTTP 状态代码，这表示服务器在处理请求时遇到问题。错误的原因可能是多方面的，例如服务器上的代码出现错误、服务器配置不正确或服务器资源耗尽等。 接下来，我们可以尝试进行以下几个步骤来解决这个问题： 1. 检查请求URL是否正确 首先，我们要确认API请求的URL是否正确。如果URL地址拼写错误或找不到资源，就会出现500错误。 2. 检查服务器端的API是否出错 如果请求URL没有问题，那么就要检查服务器端的API是否出错。可以通过在开发人员工具中查看响应内容或在控制台中打印一些输出信息来获取更多信息。 3. 检查请求参数是否正确 发送POST请求时，需要将数据作为payload数据（也就是请求体）发送给服务器。因此，也需要检查请求参数是否正确。可以使用Postman等工具模拟请求，检查请求参数是否与服务器预期的一致。 4. 检查请求头是否正确 有时，服务器需要在请求头中添加一些自定义的请求头（例如安全访问令牌或其他标识符）。因此，需要检查请求头是否正确设置。 通过以上步骤，可以解决大部分POST请求返回500错误的问题。如果问题仍然存在，可以尝试询问服务器管理员或开发人员是否有其他因素导致的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值