创建简易axios请求

先在vue项目内下载axios

yarn add axios

第一种方式 ： 创建axios请求

// 使用const 实现单例模式
const instance = axios.create({
baseURL : 'http://localhost',
timeout : '设置访问超时的时间',
})

instance.get('/index').then( response ={
  if( response.status == 200 ) {
  console.log( response)
}
})

第二种方式 ： 直接使用

axios.get( ' http://localhost/index').then( response => {
  if( response.status == 200 ) {
  console.log( response )
}
})

使用请求拦截

instance.interceptors.request.use( confit = {
   console.log( config );
  config.header.token = '设置token';
  return config;
} , error => {
console.log( error )
  return Promise.reject( error )
})

使用响应拦截

// interceptors 拦截
instance.interceptors.response.use( response => {
  if( response.status === 200 ){
  console.log( response )// 打印出响应体
  return response;
}
} , error = {
  console.log( error );
return Promise.reject( error )
})