vue3.0 +element-puls框架 封装axios

1. 先创建一个叫utils文件夹，在utils下面创建一个axios.js 文件用来封装请求

这个是axios.js

import axios from "axios"; //原生的axios
import {
  ElLoading,
  ElMessage
} from 'element-plus'


//用来拦截用的
axios.defaults.headers.post["Content-Type"] = "application/json;charset=utf-8";
//创建一个单例
const http = axios.create({
  baseURL: 'http://192.168.1.188:8008',
  timeout: 5000, //响应时间
  // headers:{"Content-Type":"application/json;charset=utf-8"},
})

//拦截器  -请求拦截
http.interceptors.request.use(config => {
  //部分接口需要token
  let token = localStorage.getItem('token');
  if (token) {
    config.headers.token = token;
  }
  return config;
}, err => {
  return Promise.reject(err)
})

//拦截器  -响应拦截
http.interceptors.response.use(res => {
  if (res.code !== 200) {
    return Promise.reject(new Error(res.data, "拦截器响应请求"))
  } else {
    return res
  }
}, err => {