Vue — 請求模組、api模組封裝

1.請求模組

import axios from 'axios'
const request = axios.create({
    baseURL : '',//請求的域名地址
    timeout : 5000,
})


request.interceptors.request.use((config)=>{



    //開啟loading 禁止背景點選
    return config
},(err)=>{
    return Promise.reject(err)
})



request.interceptors.response.use((response)=>{
    //關閉loading
    const res = response.data
    if(res.code!==200){



        return Promise.reject(res.msg)
    }
    return res
},(err)=>{



    return Promise.reject(err)
})





export default request

2.api封裝

//儲存跟登入相關的api
import request from '@/utils/request'


export const login = ()=>{

    return request.get('/login')
}


/////////////////////////////
//使用
import {login} from '@/api/login'

login()