axios笔记_axios怎么拆分数组-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_45754293/article/details/122777068

本文档介绍了axios的使用，包括基本的发送请求、配置信息设置、实例和模块封装以及拦截器的应用。通过示例代码展示了如何发起GET请求、并发请求，并对全局和实例级别进行了配置。同时提供了axios的官方文档链接以供深入学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

axios

axios

axios基本使用

axios发送请求

axios配置信息相关

axios实例和模块封装

axios拦截器使用

代码

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

// axios({
// 	url:'https://v1.hitokoto.cn',
// 	methods:'GET'
// }).then(res=>{
// 	console.log(res)
// })

///axios.all发送并发请求,返回数组，使用axios.spread()可以拆分数组 
// axios.all([axios({
// 	url:'https://v1.hitokoto.cn',
// 	methods:'GET'
// }),axios({
// 	url:'https://api.xygeng.cn/one',
// 	methods:'GET'
// })]).then(res=>{
// 	console.log(res)
// })

//全局配置
// axios.defaults.baseURL='https://api.xygeng.cn'
// axios.defaults.timeout=5000
// axios.defaults.headers.post['Content-type']='applicatin/x-www-form-urlencoded'
// axios({
// 	url:'/one',
// 	methods:'GET'
// }).then(res=>{
// 	console.log(res)
// })
// axios({
// baseURL:'xxxx'
// timeout:xxx
// 	url:'/one',
// 	methods:'GET'
// }).then(res=>{
// 	console.log(res)
// })

//axios实例
const instance1=axios.create({
	baseURL:'https://api.xygeng.cn',
	timeout:5000
})
instance1({
	url:'/one',
}).then(res=>{
	console.log(res)
})