vue3中axios的封装以及使用_vue3 axios封装与使用

安装axios

npm install axios

简单封装

index.ts

import axios from 'axios'
const Server=axios.create({
    baseURL:'http://jsonplaceholder.typicode.com/',
    timeout:3000,
})
Server.interceptors.request.use(config=>{
    return config
},err=>{
Promise.reject(err)
})
Server.interceptors.response.use(res=>{
    console.log(res)
    return Promise.resolve(res)
},err=>{
    Promise.reject(err)
})
export default Server

api.ts

import Server  from "./index";
export const getData = (params:any) =>{return Server.get('/posts',{params})}

使用

<script>
import{defineComponent,ref,reactive,toRefs} from 'vue'
import{getData} from '@/http/api' 
export default defineComponent({
   setup(){
   
   getData().then((res)=>{
    console.log(res)
    data.list=res.data
   }) 
    return{}
    
  }
  
}) 
 
 
</script>