封装vue发送请求

作者:未知 / 来源:网络 / 整理:脚本之家如果知识不能与人分享,这不算是真正的知识了。
import axios from 'axios'import { getToken } from '@/util/token'import qs from 'qs'import router from './router'import config from './config'import Vue from 'vue'console.log(config)// 创建axios实例const http = axios.create({baseURL: config.api_base,tim...
import axios from 'axios'
import { getToken } from '@/util/token'
import qs from 'qs'
import router from './router'
import config from './config'
import Vue from 'vue'
console.log(config)

// 创建axios实例
const http = axios.create({
    baseURL: config.api_base,timeout: 15000,transformRequest: [
        function(data,headers) {
            console.log(data)
            data = data || {}
            data = qs.stringify(data)
            headers['Authorization'] = getToken()
            return data
        }
    ]
})

// request拦截器
http.interceptors.request.use(config => {
    config.data = config.data ? config.data : {}
    if (router.currentRoute && router.currentRoute.meta.requiresAuth) {
        if (getToken() === '') {
            return Promise.reject('请登录后操作')
        } else {
            return config
        }
    } else {
        return config
    }
})

// respone拦截器
http.interceptors.response.use(
    response => {
        let data = response.data

        let msg = data.message || ''
        if (data.code == 401) {
            // 账号禁用
            return Promise.reject(new Error(msg))
        } else if (data.code == 403) {
            // 登录失效 需重新登录
            Vue.toasted.error('登录失效 需重新登录',{ icon: 'error' }).goAway(2000)
            router.replace({ name: 'login' })
            return Promise.reject(new Error(msg))
        }
        return data
    },error => {
        return Promise.reject(error)
    }
)

export default http

你可能在找的问题:

vue教程

Vue页面跳转动画效果的实现方法

百度了好久都没办法实现vue中一个页面跳到另一个页面,甚至到google上搜索也是没办法的,最终还是找了高人亲自指导,所以下面这篇文章主要给大家介绍了关于Vue页面跳转动画效果的实现方法,需要的朋友可以参考下

vue教程

vue构建动态表单的方法示例

这篇文章主要介绍了vue构建动态表单的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

vue教程

玩转vue的slot内容分发

这篇文章主要介绍了玩转vue的slot内容分发,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

vue教程

vue 巧用过渡效果(小结)

这篇文章主要介绍了vue 巧用过渡效果(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

标题
返回顶部