项目笔记整理03-vue中axios封装

vue中axios封装

1. 封装axios

//设置index.js

import axios from 'axios';
import Vue from 'vue';


// 环境的切换
const isDev = process.env.NODE_ENV === 'development'
// isDev  ---  true   ----  开发环境  ----  npm run serve
// isDev  ---- false   ----  生产环境  ----  npm run build
const baseUrl = isDev ? "*****开发环境地址***" : "****生产环境地址*****"
  

/* 创建axios实例 */
const axiosService = axios.create({
   
  baseURL: baseUrl, 
  timeout : 6000
})

axiosService.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';

/* request拦截器 ==> 对请求参数进行处理 */
axiosService.interceptors.request.use(
  config => {
   
    let token = sessionStorage.getItem('token');
    // console.log(token)
    // config.headers.common['Authorization'] = token
    config.headers.common.token = token;//后台字段类型
    return config;
  }, error => {
   
    Toast.error('错误，请重新操作...')
    Promise.reject(error)
  })
/* respone拦截器 ==> 对响应做处理 */
axiosService.interceptors.response.use(
  response =>{
   
    if (response.status === 200) {
               
      return Promise.resolve(response);        
  } else {
               
      return Promise.reject(response);