Axios -- 项目中应用（拦截器、方法简单封装）

最新推荐文章于 2024-07-25 22:35:58 发布

Masisol

最新推荐文章于 2024-07-25 22:35:58 发布

阅读量312

点赞数

分类专栏： Vue2.0

本文链接：https://blog.csdn.net/baidu_33279139/article/details/99677962

版权

本文档介绍了如何在项目中创建axios目录，以及在index.js中设置axios拦截器和进行方法的简单封装，便于在controller中便捷使用。

摘要由CSDN通过智能技术生成

src目录下新建axios文件夹，axios目录下新建index.js文件

/**
 * axios 网络请求封装
 */
import axios from 'axios';
import Vue from 'vue';
import url from '../conf/http_conf';
import store from '../store';

const port = '';
const httpUrl = url + (port == '' ? '' : (':' + port)) + '/';

const instance = axios.create();

instance.defaults.baseURL = httpUrl;

// const isFormData = (v) => {
//     return Object.prototype.toString.call(v) === '[object FormData]';
// };

/**
 *axios 全局 拦截器
 */
instance.interceptors.response.use(function (response) {
    // 这里统一处理服务器code

    const Code = response.data.code;

    if (Code === undefined) {
        return response.data;
    }

    if (Code.toString().length === 3) {
        if (Code === 200) {
            return response.data.data;
        } else if (Code &#