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})可以用於對返回值的統一處理