vue axios 封装（一）

封装一：

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

'use strict'
 
import axios from 'axios'
import qs from 'qs'
import NProgress from 'nprogress'
import vm from '../main'
 
axios.interceptors.request.use(config => { //利用拦截器做预处理
    // 这里可以加一些动作, 比如来个进度条开始动作,
    NProgress.start()
    return config
}, error => {
    return Promise.reject(error)
})
 
axios.interceptors.response.use(response => response, error => Promise.resolve(error.response)) // 这里我们把错误信息扶正, 后面就不需要写 catch 了
 
//处理来自网络或者服务器的错误
function checkStatus(response) {
    NProgress.done()
 
    // if (response.status == 666) {
    //      localStorage.clear();
    //   this.$router.push('/')
    // }
    // 如果 http 状态码正常, 则直接返回数据
    // 200请求成功 304浏览器缓存
    if (response.status === 200 || response.status === 304 || response.status == 400) {
        return response
    }
    if (response.status == 401) {
        console.log("token错误");
        vm.$router.push("/");
        return response
    }
    // 异常状态下, 把错误信息返回去
    // 因为前面我们把错误扶正了, 不然像 404, 500 这样的错误是走不到这里的
    return {
        data: {
            code: -404,
            message: response.statusText,
            data: response.statusText,
        }
    }
}
//处理来自程序端的错误,
function checkCode(res) {
 
    // 如果状态 code 异常(这里已经包括网络错误, 服务器错误, 后端抛出的错误), 可以弹出一个错误提示, 告诉用户
    if ((res.data.code || res.data.Code) && res.data.code !== 1000) {
        //登录超时--重新登录
        if (res.data.code === 1100) {
            //alert("会话过期...,请重新登录...")
            vm.$router.push('/')
        } else if (res.data.Code === 1500) {
            vm.$message.error({
                message: res.data.Error,
                type: "error"
            });
        } else {
            vm.$message.error({ message: '服务器开小差了，请稍后再试', type: "error" });
        }
    }
    return res;
}
 
export default {
    post(url, data) {
        const token = JSON.parse(localStorage.getItem("token"))
 
        return axios({
            method: 'post', //请求协议
            url, //请求地址
            data: qs.stringify(data), //请求的数据
            timeout: 60000, //超时时间---单位是毫秒
            headers: {
                'Authorization': token ? token.token_type + ' ' + token.access_token : '',
                'X-Requested-With': 'XMLHttpRequest',
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'AJAX_FLAG': ' TRUE'
            } //请求头
        }).then(checkStatus).then(checkCode)
    },
    postList(url, data) {
        const token = JSON.parse(localStorage.getItem("token"));
        return axios({
            method: 'post', //请求协议
            url, //请求地址
            data: data, //请求的数据
            timeout: 60000, //超时时间---单位是毫秒
            headers: {
                'Authorization': token ? token.token_type + ' ' + token.access_token : '',
                'X-Requested-With': 'XMLHttpRequest',
                // 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'AJAX_FLAG': ' TRUE'
            } //请求头
        }).then(checkStatus).then(checkCode)
    },
    get(url, params) {
        const token = JSON.parse(localStorage.getItem("token"));
        return axios({
            method: 'get', //请求协议
            url, //请求地址
            params, //请求的数据
            timeout: 60000, //超时时间---单位是毫秒
            headers: {
                'Authorization': token ? token.token_type + ' ' + token.access_token : '',
                'X-Requested-With': 'XMLHttpRequest',
                'AJAX_FLAG': ' TRUE'
            } //请求头
        }).then(checkStatus).then(checkCode)
    },
    delete(url, params) {
        const token = JSON.parse(localStorage.getItem("token"));
        return axios({
            method: 'delete', //请求协议
            url, //请求地址
            params, //请求的数据
            timeout: 60000, //超时时间---单位是毫秒
            headers: {
                'Authorization': token ? token.token_type + ' ' + token.access_token : '',
                'X-Requested-With': 'XMLHttpRequest',
                'AJAX_FLAG': ' TRUE'
            } //请求头
        }).then(checkStatus).then(checkCode)
    },
    put(url, data) {
        const token = JSON.parse(localStorage.getItem("token"))
        return axios({
            method: 'put', //请求协议
            url, //请求地址
            data: qs.stringify(data), //请求的数据
            timeout: 60000, //超时时间---单位是毫秒
            headers: {
                'Authorization': token ? token.token_type + ' ' + token.access_token : '',
                'X-Requested-With': 'XMLHttpRequest',
                'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'AJAX_FLAG': ' TRUE'
            } //请求头
        }).then(checkStatus).then(checkCode)
    },
    putList(url, data) {
        const token = JSON.parse(localStorage.getItem("token"))
        return axios({
            method: 'put', //请求协议
            url, //请求地址
            data: data, //请求的数据
            timeout: 60000, //超时时间---单位是毫秒
            headers: {
                'Authorization': token ? token.token_type + ' ' + token.access_token : '',
                'X-Requested-With': 'XMLHttpRequest',
                // 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                'AJAX_FLAG': ' TRUE'
            } //请求头
        }).then(checkStatus).then(checkCode)
    },
}