VUE3报错 GET http://localhost:8000/api/info/?token=eyJ***** 401 (Unauthorized)

最新推荐文章于 2024-03-02 16:56:44 发布
最新推荐文章于 2024-03-02 16:56:44 发布
阅读量576 收藏 1
点赞数 1
文章标签： http vue 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Pyhon_new/article/details/129254710
版权

报错原文：

GET http://localhost:8000/api/info/?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNjgyNzMxMTcwLCJpYXQiOjE2Nzc1NDcxNzAsImp0aSI6IjZhNTkwZGJkZTU0MzRiNzE5NjlhOWFhMzdmMzQ1M2QzIiwidXNlcl9pZCI6MX0.C4JeWWsra9sUBy_zDOsNUd28LTCVgwJCr82nlONomgM 401 (Unauthorized)

报错原因：未鉴权，header里面的token格式不对

原来是浏览器做数据请求的时候，

此时的token如下图：

 

改成config.headers['Authorization'] = 'Bearer '+localStorage.getItem('Authorization')之后，成功：

 

 

Felix51
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【项目实战】常见的HTTP状态码（401 - Unauthorized）
本本本添哥
11-24 1万+
400 Bad Request是一种HTTP状态码。400 Bad Request" 是一个常见的HTTP错误代码400 Bad Request是在打开网页时，服务器返回到客户端的一种状态码。400 Bad Request显示在客户端的，也就是400页面。
cesium API +vue2/3示例代码
09-21
【cesium API +vue2/3 示例代码】项目是一个针对初学者和专业开发者的资源，旨在帮助他们理解和应用cesium API在Vue2或Vue3框架中的实际操作。这个项目提供了全面的学习材料，包括如何将cesium集成到Vue应用程序中，...
Vue:请求401 没有权限 退出登录
qq_45061461的博客
07-06 3469
在项目中,每个用户登录之后都会有一个token,一般token都会设置过期时间,如果在规定的时间内用户没有任何操作请求后端接口,就会导致用户的token过期,在过期后再次请求后端数据的话,一般接口就会返回状态码:401 标识没有权限.正常情况下接口请求后端数据,请求头携带用户token,接口返回状态: 200 表示请求成功,但是如果用户的token过期,用户就没有权限在去访问后端的数据,此时后端就会在接口的状态中返回:401。那么在这种情况下,用户状态过期,就需要咱们用户重新登录,拿到最新的token.
记录解决报错--vue前后端分离，接口401(Unauthorized)
qq_42977853的博客
01-30 2082
④我接口认证的ip是192.168.101.29，vue前端页面访问的是http://localhost:8011，认证成功后，认证信息保留在192.168.101.29里面，所以localhost里面没有认证信息，所以认证完后访问接口还是401错误。于是，将vue前端页面访问ip改为局域网的http://192.168.101.29:8011。查看.env.development配置，VUE_APP_URL = ‘http://127.0.0.1:9000’。②查看vue.config.js配置。
解密HTTP错误码401 Unauthorized：探索身份验证的奥秘
博客
08-15 8712
HTTP身份验证是Web应用程序中常用的一种安全机制，用于验证用户的身份并控制对资源的访问。它通过在客户端和服务器之间传递身份验证凭证来完成身份验证过程。摘要身份验证是一种更安全的身份验证方法。它使用摘要算法对用户名、密码和其他参数进行加密，以确保身份验证凭证的安全性。HTTP错误码401 Unauthorized是一种常见的错误码，表示客户端请求未经身份验证或身份验证失败。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
本文将重点讲解如何解决Vue项目中出现的这个报错问题。 首先，我们分析错误产生的原因。在提供的描述中，作者提到是因为频繁更换网络环境，导致需要在`package.json`的`dev`脚本中更改`--host`参数。在开发过程中，...
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
VUE--组件示例 博客 https://gudianxiaoshuo.blog.csdn.net/article/detail
05-28
在Vue.js框架中，组件是构建可复用代码的基本单元，是 Vue 应用的核心组成部分。Vue组件可以被视为自定义HTML元素，它们有自己的属性、事件和生命周期方法，能够封装任何复杂的逻辑，使得代码结构清晰、易于维护。...
unauthorized 项目请求_项目实战-Api的解决方案
weixin_39851048的博客
01-30 672
封装 axios对axios进行封装，包括基础设置，错误处理，跨域请求的基础设置// @/plugin/axiosimport axios from 'axios'import router from '@/router'import { Toast } from 'vant'// 创建一个 axios 实例const service = axios.create({baseURL: proces...
laravel passport 401 Unauthorized vue
迷失的鱼的博客
10-12 3645
Authorization:'Bearer '.$accessToken     将这个加入请求头部   本人踩得坑就是 没有加'Bearer '
vue3 vite项目一运行就401(Unauthorized)
最新发布
LlanyW的专栏
03-02 672
项目之前是正常运行的，没有问题，回溯刚刚改动，还原之后发现是把.env.development的基本路径置空导致的。问题：项目一执行： pnpm run dev, 启动就出错，
Failed to load resource: the server responded with a status of 401 (UNAUTHORIZED) 解决token失效 401错误码
热门推荐
Write less，do more
11-09 1万+
在这里我们要对别人的错误状态进行判断,来使用刷星token 解决token失效的 401的问题, 让别人在后台看不见的地方,登陆失败,然后里面调用这里的请求,再获取最新的token值,然后重新设置到我们的本地存储里面去 import axios from 'axios'; import config from '@/config/url.config'; import { setItem, getItem } from '@/utils/storage'; const request = axios.cr
unauthorized 项目请求_请求因HTTP状态401失败：Unauthorized 的原因？
weixin_29062613的博客
12-24 4152
展开全部HTTP401错误原因：用户没有访问权限，需要进行e5a48de588b63231313335323631343130323136353331333431376565身份认证。任何客户端 ( 例如您的浏览器) ，都需要通过以下循环：从站点的 IP 名称 ( 即您站点的网址-URL, 不带起始的 ‘http://') 获得一个 IP 地址。这个对应关系 ( 即由 IP 名称向 IP 地址转换...
解决：GET http://localhost:**/static/js/jquery.min.js net::ERR_ABORTED 404
THanHan的博客
03-26 5183
解决引用jquery文件始终不起作用的相关原因 1.首先检查自己引入路径是否正确 2.确保在properties或yml中配置加载静态资源 spring.mvc.static-path-pattern=/static/** 3.以上确保都没有问题可以尝试清理（clean）一下项目（我这里使用的maven自带的）然后重启项目即可。 4.好了我就是使用第三种方法解决的，具体为什么会这样我也理解很模糊就不多bb了，希望可以帮助到大家。 ...
vue 登录拦截
weixin_46214344的博客
12-19 5268
vue登录拦截 1、什么是登录拦截 ​ 登录拦截就是在用户没有登录之前就阻止用户访问其他的页面，就只有当用户完成登录后才可以访问其他的界面。 2、路由拦截 ​ vue组件化的开发就是使用vue-router进行页面跳转的，所以登录拦截需要处理一下路由，让用户在没有登录成功之前一直处于登录界面。就算用户在地址栏进行输入地址也会直接返回登录界面。 2.1定义路由（加入meta属性） ​ 我们在定义路由的时候，在meta属性中存放一个属性来判断该路由是否需要检查（如果为true，那就需要检查，在满足条件是才可以跳
如何网页禁止访问服务器,禁止访问服务器网页
weixin_30650059的博客
08-05 1450
禁止访问服务器网页 内容精选换一换登录管理控制台。单击控制台左上角的 ，选择区域和项目。选择“计算 > 弹性云服务器”。在弹性云服务器列表，单击待变更安全组规则的弹性云服务器名称。系统跳转至该弹性云服务器详情页面。系统跳转至该弹性云服务器详情页面。选择“安全组”页签，并单击，查看安全组规则。单击“更改安全组规则”。系统跳转至安全组页面。系统跳转至安全组页面。在“入方向规则正常状态码说明200...
vue项目运行报Permission denied（没有权限）解决方法
LinMin的博客
11-24 3884
【代码】vue项目运行报Permission denied（没有权限）解决方法。
vue3 路由出现乱码 http://localhost:3001/#%5B%5D
09-06
- *3* [vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)](https://blog.csdn.net/weixin_48203270/article/details/128358071)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值