axios分析及常用功能
axios結構分析: 請求方法 , 請求參數對象(請求體), 請求配置對象
請求方法: axios.get(), aixos.post(), axios.patch(), axios.put(),
aixos.delete()
axios.post("url",{請求體},{請求配置}).then((response) => {concole.log("服務端發送回來的數據封裝在response.data屬性當中")})
response對象結構參考axios文檔
axios.post("url",{請求體},{請求配置}).then((response) => {concole.log("服務端發送回來的數據封裝在response.data屬性當中")})
response對象結構參考axios文檔
請求參數(請求體): 一個封裝了參數鍵值對的JavaScript對象.
可以是普通JavaScript對象, 也可以是FormData對象,
發送時都會被編碼成json格式字符串發送出去
可以是普通JavaScript對象, 也可以是FormData對象,
發送時都會被編碼成json格式字符串發送出去
請求配置對象: 封裝了關於發送請求的各種配置,
請求參數(請求體)也可以設置在其中的data屬性上.
其中最重要最常用的有以下幾點:
其中最重要最常用的有以下幾點:
常用技巧: 創建一個axios實例: const instance =
axios.create({請求配置對象})
通過其它方式設置請求配置信息[也可以通過傳入配置對象的方式進行設置](這裡以instance對象為例,也可以直接使用axios全局對象):
instance.defaults.baseURL = "https://some-domain.com/api/";
instance.defaults.timeout = 1000;
instance.defaults.headers["content-type"] = "application/x-www-form-urlencoded"
instance.interceptors.request.use(function(config){return config }) 可以用於對請求參數的統一處理, 請求體(請求參數)也可以設置在config的data屬性中
instance.interceptors.response.use(function(response){return response})可以用於對返回值的統一處理
通過其它方式設置請求配置信息[也可以通過傳入配置對象的方式進行設置](這裡以instance對象為例,也可以直接使用axios全局對象):
instance.defaults.baseURL = "https://some-domain.com/api/";
instance.defaults.timeout = 1000;
instance.defaults.headers["content-type"] = "application/x-www-form-urlencoded"
instance.interceptors.request.use(function(config){return config }) 可以用於對請求參數的統一處理, 請求體(請求參數)也可以設置在config的data屬性中
instance.interceptors.response.use(function(response){return response})可以用於對返回值的統一處理
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通