-
常用參數配置
根據使用場景去用不同的參數配置方式：當請求域是不同的時候，并且會有很多都用到這個請求域時，可以以局部配置參數形式。如果就一個地方使用這個請求域，那么就可以通過發送請求時配置。
查看全部 -
axios基本配置參數
參數1、baseURL：請求域名，或者是基本地址（默認配置http://localhost:8080，就像通過axios的get('/data.json'）訪問時，前面添加了默認的域名。
參數2、timeout：超時時長，默認1000毫秒（超時時長作用：一般它由后端定義，例如：請求一個接口，接口的數據量比較大，需要處理時間比較長，如果超過了這個時間，后端就會返回401，這樣做的好處是，一旦請求時間較長，使這個請求不會阻塞后端的內容，減少服務器的壓力，它就會及時釋放超時的這些內容，超時時長不止后端需要設置，前端也需要設置一下，當超時時，請求就取消了）。
參數3、url：請求路徑。
參數4、method：請求方法。
參數5、headers：請求頭，可以在請求頭里添加一些參數（比如登錄時可能需要從請求頭里獲取token，去鑒權獲取登錄人信息，此時就需要在這里配置）。
參數6、params{}：請求參數放置在請求頭中。
參數7、data：{}請求參數放置在請球體中。
axios定義配置參數的位置
1、axios全局配置（相當于在import的axios的vue頁面中對所有創建的axios進行全局配置）
axios.defaults：表示指向axios庫的默認配置，defaults后面就可以.出來配置參數。
axios.defaults.timeout=2000,此時就表示全局配置。
axios.defaults.baseURL='http://localhost:8080'。
2、axios實例配置（相當于局部的）
let?instance=axios.create()，如果不傳配置參數，如果定義了全局，就是用全局，否則使用默認的。
instance.defaults.timeout=3000，這種方式是創建完實例之后去設置參數。
3、axios請求配置（發送請求時）
instance.get('/data.json',{
? ?timeout:5000
}）
參數配置優先級：全局<局部<請求。如上，最終timeout為5000。
查看全部 -
創建axios實例
使用場景：當接口地址多個時候（端口號之前的域名可能是多個時候），并且超時時長不一樣時。
此時就可以通過axios實例，在axios實例中設置這兩種參數，然后通過實例去請求接口。
示例：通過axios的create方法，它的參數就是axios的配置信息。
超時時長：發起http請求時候，如果服務端長時間沒有返回數據，那么接口就會報超時401，通常具體超時時長由后端進行定義（如果請求一個比較大的數據，后端需要處理，一旦處理時間過長，例如超過1秒，那么后端就可能會返回401，告訴接口請求超時了）。
參數1：baseURL，表示域名（例如：http://localhost:8080）
參數2：timeout，超時時長（默認1000，1秒，當超過1秒就會報401）
使用方法：
查看全部 -
在vue3.0+項目中安裝axios：
npm add axioa
查看全部 -
并發請求：同時發送多個請求，并統一處理返回值。
axios并發請求涉及到兩個方法
all（）：參數為一個數組，數組的對象為一個一個的axios請求。
spread（）：它是在請求完成后，對多個請求返回的數據進行分割處理。
axios發送請求和axios并發請求的回調函數使用是不同的，如下圖
樣例：
查看全部 -
axios請求方法及別名（delete）
當傳參時，參數拼接在url后面：
當傳參時，參數放置在請求體中：
查看全部 -
axios請求方法和別名（post請求和put請求）
post請求傳參的數據格式：
1、form-data（表單提交，文件上傳、圖片上傳）
2、application/json
appcalition/json樣例，如圖
formdata樣例，如圖
put請求和patch請求和post請求類似都有form-data和application/json這兩種數據內容類型。
查看全部 -
axios請求方法及別名
類別：get、post、put、patch、delete
get請求：第一種相當于別名方式，第二種通過配置方式。
get請求帶參數方式
路由引入組件兩種方式區別：
第一種無論是否通過路由去訪問該組件都會加載該組件。
第二種只有當通過路由去訪問該組件時才回去加載該組件（可以理解為懶加載或者異步加載）。
如下圖，它是vue的socket通信，表示熱更新，也就是代碼編輯完成之后，頁面會自動更新
Status Code：304，表示重定向，正常訪問一個接口時，返回的是200，如果第二次訪問接口時，數據沒有變化，那么瀏覽器就會自動識別返回狀態304，相當于沒有更改，這樣加載會更快。
查看全部 -
1、vue命令
vue卸載命令：npm uninstall -g vue-cli（vue-cli 2的卸載命令）
vue版本命令：vue -V
vue安裝命令：npm install -g @vue/cli(vue-cli 3的安裝命令）
vue創建工程化項目命令：vue create?工程名
vue安裝axios命令：npm add axios
2、axios基本使用
查看全部 -
Axios介紹：是一個基于promise的HTTP庫（類似于jquery的ajax），用于發送請求。既可以用于瀏覽器（客戶端）也可以用于node.js編寫的服務端。
Axios特性：
1、支持Promise API
2、攔截請求和響應（請求前和響應前執行一些操作，比如請求前在請求header中添加一些信息，例如授權信息等）
3、轉換請求數據和響應數據（比如請求時候一些比較敏感的信息需要加密，數據回來的時候進行解密）
4、取消請求
5、自動轉換JSON數據（相當于自動的調用JSON.parse()）
6、客戶端支持防御XSRF攻擊
查看全部 -
post方法
form-data?表單提交（圖片上傳，文件上傳）
let?data ={
id:12? ??
}
axios.post('/post',data).then(res=>{console.log(res)}//axios.post('/post',{})
方法二
axios（{
method：‘post’,
url:'/post',
data:data}）.then(res=>{
console.log(res)})
查看全部 -
懶加載方法：
{ ????path:'/2-2', ????name:'axios'請求方法， ????component:()=>import('./views/2-2.vue') }查看全部 -
?get方法1：
crented(){ ????axios.get('/data.json',{ ????params:{id:12} ???? ????}).then((res)?=>{ ????console.log(res) ????}) }方法二：
axios({ ????????method:'get',url:'/data.json'}).then(res=>{????console.log(res)})查看全部 -
?axios?請求方法：get post put patch delete
get:獲取數據post:提交數據（表單提交+文件上傳）
put：更新數據（所有數據推送到后端）
patch:更新數據（只將修改的數據推送）
detele:刪除數據
查看全部
舉報