axios封装

标签：==   min   bsp   header   user   util   return   cti   style   

创建request.js文件

　　import  axios  from  ‘axios‘;

　　import  { getToken }  from  ‘@/utils/token‘;

　　import  { Message }  from  ‘element-ui‘

　　axios.defaults.baseURL  =  ‘http://139.196.42:8090/api/‘;

　　// 请求拦截器

　　axios.interceptors.request.use(function(config){

　　　　// 在发送请求前

　　　　config.headers[‘token‘]  =  getToken( )

　　　　return  config

　　},function(error){

　　　　// 请求错误

　　　　return  Promise.reject(error)

　　})

　　// 响应拦截器

　　axios.interceptors.response.use(function(response){

　　　　// 响应数据

　　　　if(response.data.code !== 20000){

　　　　　　Message({

　　　　　　　　message: response.data.message,

　　　　　　　　type: ‘warning‘,

　　　　　　　　duration: 2000

　　　　　　})

　　　　}

　　　　return  response;

　　},function(error){

　　　　　　Message({

　　　　　　　　message: error.message,

　　　　　　　　type: ‘error‘,

　　　　　　　　duration: 2000

　　　　　　})

　　　　// 响应数据错误

　　　　return  Promise.reject(error)

　　})

　　export  default  axios;

请求接口封装

　　创建api.js文件

　　import  request  from  ‘@utils/request‘

　　export  function  login(data){

　　　　return  request({

　　　　　　method: ‘POST‘,

　　　　　　url: ‘user/login‘,

　　　　　　data

　　　　})

　　}

token本地存储，获取，移出封装

　　创建token.js文件

　　const  tokenName  =  ‘admin-token‘

　　export  function  setToken(token){

　　　　return  sessionStorage.setItem( tokenName, token )

　　}

　　export  function  getToken(token){

　　　　return  sessionStorage.setItem( tokenName )

　　}

　　export  function  removeToken(token){

　　　　return  sessionStorage.setItem( tokenName )

　　}

axios封装

标签：==   min   bsp   header   user   util   return   cti   style   

原文地址：https://www.cnblogs.com/cuishuangshuang/p/13111111.html