美文网首页
axios简单封装

axios简单封装

作者: 大福爸爸_ | 来源:发表于2020-04-02 11:09 被阅读0次
import axios form 'axios';
import qs from 'qs';
axios.defaults.baseURL = 'http://127.0.0.1:3000';
axios.defaults.timeout = 10000;
axios.defaults.withCredentials = true;

/**
 * 设置请求传递数据的格式(看服务器要求的格式)
 * x-www-form-urlencoded
 */
axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.transformRequest = data => qs.stringify(data);

/**
 * 请求拦截器
 */
axios.interceptors.request.use(config => {
    let token = localStorage.getItem('token');
    token && (config.headers.Authorization = token);
    return config;
}, error => {
    return Promise.reject(error);
});

/**
 * 响应拦截器
 */
axios.interceptors.response.use(response => {
    return response.data;
}, error => { });

export default axios;

相关文章

  • 在VUE中科学使用axios

    在项目中安装axios 封装axios 新建api/index.js文件,对axios进行简单的封装,方便使用。真...

  • axios封装(简单封装)

    菜鸟一枚,如有错误,欢迎指正。 安装 npm install axios; 1.引入 import axios f...

  • axios请求封装

    axios封装 简单设置本地mock数据

  • axios简单封装

    Vue 折腾记 - 给axios做个挺靠谱的封装(报错,鉴权,跳转,拦截,提示) 借鉴引用 本篇文章给大家带来的内...

  • axios简单封装

    本想着直接用,不要封装,也很方便。后来发现还是要简单封装一下,省掉一些重复的验证。重点在resolve和rejec...

  • axios简单封装

    1、安装axios npm install axios --save 或 yarn add axios ...

  • axios简单封装

  • axios简单封装

    1.首先在项目目录下安装axios 2.在main.js中引入axios文件 3.请求接口api管理

  • vue3+elementPlus+vite项目axios二次封装

    /** * axios封装 */ import axios from "axios"; import config...

  • 简单封装axios api

    可以在代码逻辑中写axios请求,处理请求结果,但是随着项目越来越大,代码会很繁琐,不容易维护,所以,可以把一些在...

网友评论

      本文标题:axios简单封装

      本文链接:https://www.haomeiwen.com/subject/mdotphtx.html