요청 헤더에 토큰을 저장하고 인터페이스 요청을 보냅니다.

1. 수요

사용자가 로그인한 후 다음 인터페이스 액세스의 요청 헤더에 토큰이 저장되어 인터페이스 요청을 합니다.

2. 분석

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);
    });