axios分析及常用功能

axios分析及其常用功能
axios結構分析: 請求方法 , 請求參數對象(請求體), 請求配置對象
請求方法: axios.get(), aixos.post(), axios.patch(), axios.put(), aixos.delete()
axios.post("url",{請求體},{請求配置}).then((response) => {concole.log("服務端發送回來的數據封裝在response.data屬性當中")})
response對象結構參考axios文檔
請求參數(請求體): 一個封裝了參數鍵值對的JavaScript對象.
可以是普通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})可以用於對返回值的統一處理
posted @   0龙行者0  阅读(7)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示