文档章节

axios携带token

slience123
 slience123
发布于 07/02 09:34
字数 195
阅读 2
收藏 0

vue-封装axios(带token,跳转到login页面)

import Vue from 'vue'
import axios from 'axios'
import router from '@/router'

// 创建axios实例
const service = axios.create({
  timeout: 1000 * 30,
  // 允许跨域带token
  withCredentials: true,
  headers: {
    'Content-Type': 'application/json; charset=utf-8'
  }
})

// request拦截器
service.interceptors.request.use(
  (config) => {
    config.headers['token'] = Vue.cookie.get('token')
      ? Vue.cookie.get('token')
      : '74c8ffe4a59da108f03aa7afc77cc24e'
    // if(config.url.indexOf("http://result.eolinker.com")) {
    //   config.headers['token'] = Vue.cookie.get('token') ? Vue.cookie.get('token') : '74c8ffe4a59da108f03aa7afc77cc24e';
    // }
    return config
  },
  (error) => {
    return Promise.reject(error)
  })

// response拦截器
service.interceptors.response.use(response => {
  if (response.data && response.data.code === 401) { // 401, token失效
    Vue.cookie.delete('token')
    router.push({name: 'login'})
  }
  return response
}, error => {
  return Promise.reject(error)
})

export default service



作者:jackson等567人
链接:https://www.jianshu.com/p/98b5501ea814
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

© 著作权归作者所有

slience123
粉丝 1
博文 20
码字总数 9510
作品 0
深圳
程序员
私信 提问
前后端分离使用 Token 登录解决方案

这篇文章写一下前后端分离下的登录解决方案,目前大多数都采用请求头携带 Token 的形式。 开写之前先捋一下整理思路: 首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名...

李瑞丰v
2018/08/24
0
0
vue中Axios的封装和API接口的管理

如图,面对一团糟代码的你~~~真的想说,What F~U~C~K!!! 回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。 一、axi...

2018/08/07
0
0
axios拦截器中无法设置请求头

登录的时候后台返给前端一个token, 每次请求携带该token, 我想在axios拦截器中进行设置,代码如下: 但是请求头是这样的: 我想知道在拦截器如何才能将Authorization设置到请求头中...

rumAfor
2018/06/01
1K
0
前后端分离之JWT(JSON Web Token)的使用

前言 由于自己开发的项目中用到了 JWT 技术,前端采用了 框架,后端采用了 框架,故作此文帮助使用相同技术栈的朋友们。 具体思路如下: 把后端生成的 JWT token 存入 localStorage,然后前端...

52admln
2017/08/01
0
0
axios封装以及前端接口处理策略

接口封装必要性 在大型前端项目中,当有很多接口实现数据输入、流出并附加拦截,结合状态管理,抵御XSRF攻击等时,统一管理API接口就成为大型前端项目必须面对的环节。axios作为最流行的基于...

风吟世界
04/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
今天
5
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
今天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
今天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
今天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部