Vue-Element-Admin的项目集成自己的接口，登录跳转

最新推荐文章于 2024-02-27 19:49:05 发布
VIP文章 最新推荐文章于 2024-02-27 19:49:05 发布
阅读量894 收藏 3
点赞数 3
分类专栏： 前端 html 文章标签： react.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiey0407/article/details/123219181
版权

1、先看一下请求配置文件，看axios.create这个方法，baseURL是基础路由

baseURL:process.env.VUE_APP_BASE_API,

路径：src-utils-request.js

2、然后再看service.interceptors.request.use，设置token请求头，我后端集成的是jwt，所以请求头是Authentication，如图

config.headers['Authentication'] = getToken()

3.设置自己的状态码，看service.interceptors.response.use，如图，设置为自己的状态码

最低0.47元/天 解锁文章
技术布道师
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue3-elementPlus-admin:vue3后台管理模板 , 基于vue3.0 + elementPlus 实现的后台管理系统模板 动态路由 动态菜单 皮肤切换 登录逻辑
05-10
v3-element 基于vue3.x 实现的后台管理系统模板 1、 登录逻辑. 2、 基本布局(基于elementPlus) 3、 动态路由逻辑 4、 动态菜单栏逻辑 5、 面包屑 6、 皮肤切换 7、 假数据模拟路由菜单 gif示例 Project setup yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build Customize configuration See .
micro-app在vue-element-admin中的使用
05-07
本资源是在基于micro-app在vue-element-admin中的搭建之后对micro-app在vue-element-admin中的使用进行的进一步研究。 主要包括：路由、页面之间的跳转、数据通信、样式隔离、元素隔离、资源共享、组件共享等的一些研究。 注： （1）代码下载后要分别要对基座和子应用安装依赖npm install （2）代码运行：npm run dev。基座中想要看到子应用，子应用也需要运行
vue-element-admin 中怎么点击按钮进行路由跳转并传参
最新发布
d2916172682的博客
02-27 792
1.location: (required) 字符串或对象，表示要导航到的目标路由。this.$router.push 是 Vue Router 提供的方法之一，用于在 Vue.js 中进行编程式的路由导航。它可以让你在 JavaScript 代码中动态地导航到不同的路由。通过使用它，你可以在 Vue.js 应用程序中进行灵活的路由导航操作。假设你有一个按钮，当点击它时需要跳转到另一个页面，并且需要传递参数。首先，确保你的路由配置允许接收参数。是一个动态参数，你可以在跳转时将其替换为实际的参数值。
弱密码系统登录提醒强制修改
weixin_61978391的博客
08-05 682
这种方式目前能实现，但是如果直接刷新页面，会造成vuex中存储的数据丢失，导致弹窗 不出来，但我这边需要是强制修改密码的，所以我查了一些，要不然就是把数据存到localStorage中，但是密码是不能这样存的，要不然就是使用第三方库指定需要持久化的state。但是这个只能有一个输入框的校验，而且尽管有校验 ，但是密码框是需要有小眼睛的显示和隐藏的，这上面没有，后来想着用this.$msgbox，做自定义的内容，但是这样同样没有小眼睛，而且校验不好做，所以就放弃了。vuex存数据方式看。
【vue】修改密码功能
xms_can_fly的博客
05-11 1501
<el-form :model="form" :rules="rules" ref="password" style="width: 500px; margin: auto"> <el-form-item label="当前密码" prop="passWord"> <el-input v-model="form.passWord" style="width: 400px"></el-input> </el-form-item&gt.
vue-element-admin 登陆
2301_76280530的博客
06-10 1970
使用vue-element-admin封装好的登陆接口，与自己后端的接口相匹配，完成登陆页面的跳转。对于正常登陆来说，vue-element-admin对每一个页面请求都设置有拦截器，封装有token的方法，每次在发送请求时，都会找寻浏览器中的Cookice是否存有token值，如果有则每次发送请求时，携带token，与后端交互。如果没有，vue-element-admin会直接跳到首页，重新登陆。
vue-element-admin的接口请求
FIRE
07-25 600
{this。
vue-element-admin配置到自己登陆接口（接上一篇）
song766426的博客
09-01 3041
当端口和API都设置好之后可能会遇到如下问题： 这个问题是因为设置的全局守卫中response.code的原因，如果自己的项目里没有这一条可以加如下代码： 添加完之后，便可以成功访问到首页。 当我再次重启项目之后便有了新的错误： 小tip 报错的时候遇到有地址的，你可以在项目中搜索一下。例如下面的user/info 这个报错，根据从网上找到的解决方案，出错的原因是vue-element-admin 默认写的是登录成功一个接口，还需要获取登录的用户身份信息...
vue-element-admin 配置接口请求
曳猫的博客
07-14 2434
先在vue.congif.js配置代理加上 proxy 如果报错 Cannot read property ‘split‘ of null， 是因为 target 的链接没加上http://然后在 .env.development 文件 把VUE_APP_BASE_API 改了 proxy 写的是 /api 所以这里也是/api 因为用的不是默认请求头，所以手动添加了一个请求头 以登录为例，我这边因为后端原因，需要用到qs，调试，所以就把验证关了...
element-admin 登陆，路由跳转，权限逻辑
01-20
最近打包发布element-admin前端框架至服务器，发现打包后，服务器上无法跳转到主页的问题，网上大部分都说是跨域的问题，跨域也会有这种问题，不过笔者这次不是跨域的问题，因为后台已经对跨域做了处理，最终排查...
vue element 关闭当前tab 跳转到上一路由操作
11-20
方法一 this.$store.dispatch(‘delVisitedViews’, this.$route); this.$router.go(-1); 方法二 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => ...
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
10-14
主要介绍了vue+element使用动态加载路由方式实现三级菜单页面显示的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue网站后台登录注册和忘记密码切换页
07-13
注：无后台 vue网站后台登录注册和忘记密码切换页
基于Gin + Vue + Element UI前后端分离的工单系统-Golang开发
05-26
基于Gin + Vue + Element UI前后端分离的工单系统 流程中心 通过灵活的配置流程、模版等数据，非常快速方便的生成工单流程，通过对流程进行任务绑定，实现流程中的钩子操作，目前支持绑定邮件来通知处理，当然为兼容...
vue-admin:vue+node+mysql实现的影视追剧管理后台系统，用于毕业设计
05-16
前端框架采用的vue,ui框架用的是element-ui,后台的框架用的express,数据库是mysql。主要的功能是对影片资料的展示，影片的增删改查，对用户信息的展示，用户的增删改查，还有管理员自身资料的管理等等。 并且整个...
基于Spring Boot+Vue 3+Element-Plus+Pinia+Vant的电商管理系统源码+项目说明.zip
01-08
1、基于Spring Boot+Vue 3+Element-Plus+Pinia+Vant的电商管理系统源码+项目说明.zip 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和...
基于vue+redis+springboot+jwt+远程调用 用户登录注册权限校验的前后端源码
09-19
表示登录成功,再给前端响应数据(之前返回的是登录用户,现在使用的是token...前端使用的是:vue element admin框架,后端使用java+ Spring+ Springboot框架+ mybatisplus + jwt非对称加密token+ NoSQL技术中的redis数据库;
vue路由权限校验功能的实现代码
11-20
admin可以查看全部菜单，user只能查看部分菜单。 一开始接触这个需求的时候，完全是纯前端做的。在配置路由的时候，加一个roles的属性，通过判断用户的roles是否与路由的roles属性相匹配来作为显示隐藏的依据 { ...
vue-element-admin登录跳转
03-16
vue-element-admin登录跳转是指在vue-element-admin框架中，用户在登录页面输入正确的用户名和密码后，系统会自动跳转到主...在vue-element-admin中，登录跳转的具体实现可以在/src/views/login/index.vue文件中找到。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值