axios 預設配置和例項配置

2021-10-10 11:27:09 字數 1521 閱讀 9098

在axios配置中存在baseurl,header等配置,每次做的axios時,不一定所有的配置都要自己寫,這時候要做乙個預設值,例如:

axios.defaults.baseurl ="http://localhost:8080"
之後呼叫如下post方法,請求的介面位址就是 http://localhost:8080/user

axios.post('/user', )

.then(function (response) )

.catch(function (error) );

當然axios的配置可以不依賴於預設,如果進行如下引數配置,那麼請求的介面位址就是http://localhost:9999/user

.catch(function (error) );或許你也知道可以通過axios.create(config) 對axios請求進行二次封裝

根據指定配置建立乙個新的 axios ,也就是每個axios 都有自己的配置

新的 axios 只是沒有取消請求批量請求的方法,其它所有語法都是一致的

為什麼要這種語法?

需求,專案中有部分介面需要的配置與另一部分介面的配置不太一樣

解決:建立2個新的 axios ,每個都有自己的配置,分別對應不同要求的介面請求中

一定要注意,這裡的需求是同時需要做不一樣的介面配置的時候才這樣操作,如果是生產環境和開發環境的介面不一樣,就需要進行環境的配置,這是不一樣的需求。

//建立例項

var instance = axios.create();

instance.defaults.timeout= 2500

instance.get('/url',)
執行順序是,預設值,例項預設值,引數設定值,後者會覆蓋前者

說到例項經常我們的使用場景是這樣的:

vue.prototype.$http3=instance3 ;vue為何要設定vue.prototype.$http1=instance1 ,請參考這個部落格

//使用這個例項

axios 預設配置選項 基礎版

怎麼寫 簡單配置axios import axios from axios 預設配置 基準位址 axios.defaults.baseurl 預設配置 請求頭攜帶token 現象 方案 把main.js進行axios配置,封裝到了api index.js 負責 全域性配置axios 提供乙個配置好的...

axios全域性配置

axios的全域性配置 有時候,我們在乙個專案中需要傳送多個請求,到那時這些請求的配置內容大部分是一樣的,如url相同,只不過傳送的資料不同,比如,post請求時,請求頭等資訊都是不變的 此時,我們就需要反覆的書寫這些相同的配置,為了解決這些問題,我們引入了axios全域性預設配置 示例 axios...

hadoop集群預設配置和常用配置

配置hadoop,主要是配置core site.xml,hdfs site.xml,mapred site.xml三個配置檔案,預設下來,這些配置檔案都是空的,所以很難知道這些配置檔案有哪些配置可以生效,上網找的配置可能因為各個hadoop版本不同,導致無法生效。瀏覽更多的配置,有兩個方法 2.瀏覽...