axios请求的简单封装

本文介绍了如何创建axios.js文件并进行简单封装,以便在Vue项目中更方便地导入和使用axios进行HTTP请求。通过在main.js中引入get, post, put方法,并在各页面通过this.$请求方法('url', 参数).then()进行数据交互。" 124761662,13954371,清华电子系考研全攻略:双非上岸经验与复试秘籍,"['考研经验', '电子信息', '清华大学', '双非考生', '专业选择']
摘要由CSDN通过智能技术生成

创建一个axios.js文件

import axios from 'axios';
import baseUrl from '../utils/baseUrl';


const config = {
    baseURL: baseUrl() || "",
    timeout: 60 * 1000, // Timeout
    withCredentials: true, // Check cross-site Access-Control
  };
 
const request = axios.create(config);
//http request 拦截器
request.interceptors.request.use(
    config => {
        var token = sessionStorage.getItem("token", token);
        if (token) {
            //将token放到请求头发送给服务器,将tokenkey放在请求头中
            // config.headers.token = token;
            // config.headers.Authorization = `Bearer ${token}`;
        } else {
            // if (config.url.indexOf('login') == -1) {
            //     // location.href = '/login'
            // }
        }
        return config;
    },
    error => {
        return Promise.reject(err);
    }
);


//http response 拦截器
request.int
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值