axios封裝

建立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 )

　　}