安装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>