Vue3使用axios的配置教程详解(vue3如何使用axios)

Vue3使用axios的配置教程详解 1.安装npm install --save axios vue-axios2.在src根目录创建service文件夹。然后创建axios.js

推荐整理分享Vue3使用axios的配置教程详解(vue3如何使用axios)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:vue3.0 axios,vuecli使用axios,vue3如何使用axios,vue-axios详细介绍,vuecli使用axios,vue3.0使用axios,vue3 使用axios,vue3.0使用axios,内容如对您有帮助，希望把文章链接给更多的朋友！

2.1在axios.js添加拦截器,请求拦截:initAxios.interceptors.request;响应拦截:initAxios.interceptors.responseimport axios from "axios";const initAxios = axios.create({ timeout: 1800000//数据响应过期时间})//请求拦截器initAxios.interceptors.request.use((config) => { //在发送之前做点什么 return config}, (error) => { //对请求错误做点什么 return error})//响应拦截器initAxios.interceptors.response.use((response) => { if (response.resultCode === 200 ) { return response.data } else { return {resultCode: -1} }})//导出export default () => initAxios3.在文件夹再创建一个service.js文件//引入封装好的 axiosimport Axios from './axios'//实例化const instance = Axios()//创建需要的请求方法:get post put delete//url:请求的接口地址//params:请求参数//headers:请求头export default { get(url, params, headers) { return instance.get(url, {params, headers}) }, post(url, params, headers) { return instance.post(url, params, {headers}) }, put(url, params, headers) { return instance.put(url, params, {headers}) }, delete(url, params, headers) { return instance.delete(url, {params, headers}) }} 4.再创建一个index.js//引入封装好的 serviceimport service from "@/service/service";//