Axios在实例化之后修改baseURL或其他配置
一. 修改全局默认配置:
在使用axios请求的时候一般会进行封装,如:
import axios from "axios"; const request = axios.create({ // baseURL: import.meta.env.VITE_APP_BASEURL, baseURL: "https://www.xxx.com", timeout: 10 * 1000, }); ... export default request;
在有些情况下需要动态修改baseURL或其他配置,此时可通过以下方法修改默认配置:
import request from "/xxx/xxx"; request.defaults.baseURL = "http://xxxxxx";
二. 修改单个接口配置:
当不想修改全局设置,只要修改某个接口的配置项时,按以下方法修改:
- 直接请求
import request from "/xxx/xxx"; const config = { baseUrl: "http://xxxxxx", timeout: 5 * 1000, }; export function getData(params) { return request({ method: "get", url: "/api/get/xxx", params, ...config, }); } export function postData(params) { return request({ method: "post", url: "/api/post/xxx", data: params, ...config, }); }
- 请求方式别名
import request from "/xxx/xxx"; const config = { baseUrl: "http://xxxxxx", timeout: 5 * 1000, }; // axios.get(url[, config]) export function getData(params) { return request.get("/api/get/xxx", { params, ...config }); } // axios.post(url[, data[, config]]) export function postData(params) { return request.post("/api/post/xxx", params, config); }
标签:
Axios
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程