步骤:装包 -> 封装axios实例 ->调用实例发送请求
1. 装包
npm install axios
2. 封装 axios基础配置
// axios实例封装
import axios from 'axios'
// 创建axios实例
const axiosInstance = axios.create({
baseURL:'http://xxx.net', //基地址
timeout:5000 //超时时间
})
// 拦截器(看文档,无需记)
// axios请求拦截器
axiosInstance .interceptors.request.use(config => {
return config
},e => Promise.reject(e))
// axios响应拦截器
axiosInstance .interceptors.response.use(res => res.data, e => {
return Promise.reject(e)
})
export default httpInstance
3. 调用实例 发送请求
// 组件中
import request from '@/utils/http
export const getAPI = () => {
return request({
url:'接口',
method:'请求类型'
})
}
参考:文章来源:https://www.toymoban.com/news/detail-707902.html
起步 | Axios 中文文档 | Axios 中文网 (axios-http.cn)文章来源地址https://www.toymoban.com/news/detail-707902.html
到了这里,关于axios封装/基础配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!