将 Token 存储在请求头中发送接口请求

文章目录

一、需求

用户登录后将 token 存储在下次接口访问的请求头中进行接口请求

二、分析

js 复制代码
import router from './router';
import { Message } from 'element-ui';
import Axios from 'axios'

router.beforeEach((to, from, next) => {
    if (to.path === '/login') {
      next();
    } else {
      let token = localStorage.getItem('Token');
      if (token === null || token === '') {
        Message.warning('请登录')
        next('/login');
      } else {
          next();
      }
    }
  });
// 添加请求拦截器,在请求头中加token
Axios.interceptors.request.use(
    config => {
      if (localStorage.getItem('TOKEN')) {
        config.headers.TOKEN = localStorage.getItem('TOKEN');
      }
      return config;
    },
    error => {
      return Promise.reject(error);
    });
相关推荐
小白学大数据1 天前
Python爬虫常见陷阱:Ajax动态生成内容的URL去重与数据拼接
爬虫·python·ajax
一壶浊酒..2 天前
ajax局部更新
前端·ajax·okhttp
一壶浊酒..4 天前
什么是AJAX
前端·javascript·ajax
加洛斯6 天前
AJAX 知识篇(2):Axios的核心配置
前端·javascript·ajax
洛克大航海6 天前
Ajax基本使用
java·javascript·ajax·okhttp
星秀日6 天前
JavaWeb--Ajax
前端·javascript·ajax
小小星尘s7 天前
Python编程实战从基础到高级的完整指南
ajax
我是大头鸟10 天前
XMLHttpRequest 异步请求servlet 上传文件并且带有参数
ajax·servlet
梦65012 天前
JQ 的 AJAX 请求方法
前端·ajax
Thomas214315 天前
spark pipeline 转换n个字段,如何对某个字段反向转换
大数据·ajax·spark