vue封装 api 请求接口 request 请求工具

请求工具 src/utils/request.js

// 导入axios
import axios from 'axios';

// 配置默认选项
const request = axios.create({
    // 请求的默认域名
    baseURL:"http://localhost:8080",
    timeout:5000,//超时,请求5秒还没好,就返回失败
    
})

// 拦截请求头,添加加载提示 token(ajax开始)
request.interceptors.request.use(function(config){
    console.log(config);
    console.log("请求加载中...")
    return config;
})


// 拦截响应头,关闭加载提示(ajax结束)
request.interceptors.response.use(
function(res){
    console.log("加载结束...")
    return res;
},
function(err){
    return err;
})

// 导出
export default request;
// interceptors 拦截器 use使用 request请求 config配置  response 响应
// export 导出  default 默认 request请求
// base继承 URL地址 timeout超时 create创建  

你可能感兴趣的:(javascript,前端,开发语言)