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()