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

文档

axios官方文档
httpbin