第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

常用參數(shù)配置

根據(jù)使用場景去用不同的參數(shù)配置方式：當(dāng)請求域是不同的時候，并且會有很多都用到這個請求域時，可以以局部配置參數(shù)形式。如果就一個地方使用這個請求域，那么就可以通過發(fā)送請求時配置。

axios基本配置參數(shù)

參數(shù)1、baseURL：請求域名，或者是基本地址（默認(rèn)配置http://localhost:8080，就像通過axios的get('/data.json'）訪問時，前面添加了默認(rèn)的域名。

參數(shù)2、timeout：超時時長，默認(rèn)1000毫秒（超時時長作用：一般它由后端定義，例如：請求一個接口，接口的數(shù)據(jù)量比較大，需要處理時間比較長，如果超過了這個時間，后端就會返回401，這樣做的好處是，一旦請求時間較長，使這個請求不會阻塞后端的內(nèi)容，減少服務(wù)器的壓力，它就會及時釋放超時的這些內(nèi)容，超時時長不止后端需要設(shè)置，前端也需要設(shè)置一下，當(dāng)超時時，請求就取消了）。

參數(shù)3、url：請求路徑。

參數(shù)4、method：請求方法。

參數(shù)5、headers：請求頭，可以在請求頭里添加一些參數(shù)（比如登錄時可能需要從請求頭里獲取token，去鑒權(quán)獲取登錄人信息，此時就需要在這里配置）。

參數(shù)6、params{}：請求參數(shù)放置在請求頭中。

參數(shù)7、data：{}請求參數(shù)放置在請球體中。

axios定義配置參數(shù)的位置

1、axios全局配置（相當(dāng)于在import的axios的vue頁面中對所有創(chuàng)建的axios進(jìn)行全局配置）

axios.defaults：表示指向axios庫的默認(rèn)配置，defaults后面就可以.出來配置參數(shù)。

axios.defaults.timeout=2000,此時就表示全局配置。

axios.defaults.baseURL='http://localhost:8080'。

2、axios實例配置（相當(dāng)于局部的）

let?instance=axios.create()，如果不傳配置參數(shù)，如果定義了全局，就是用全局，否則使用默認(rèn)的。

instance.defaults.timeout=3000，這種方式是創(chuàng)建完實例之后去設(shè)置參數(shù)。

3、axios請求配置（發(fā)送請求時）

instance.get('/data.json',{

? ?timeout:5000

}）

參數(shù)配置優(yōu)先級：全局<局部<請求。如上，最終timeout為5000。

創(chuàng)建axios實例

使用場景：當(dāng)接口地址多個時候（端口號之前的域名可能是多個時候），并且超時時長不一樣時。

此時就可以通過axios實例，在axios實例中設(shè)置這兩種參數(shù)，然后通過實例去請求接口。

示例：通過axios的create方法，它的參數(shù)就是axios的配置信息。

超時時長：發(fā)起http請求時候，如果服務(wù)端長時間沒有返回數(shù)據(jù)，那么接口就會報超時401，通常具體超時時長由后端進(jìn)行定義（如果請求一個比較大的數(shù)據(jù)，后端需要處理，一旦處理時間過長，例如超過1秒，那么后端就可能會返回401，告訴接口請求超時了）。

參數(shù)1：baseURL，表示域名（例如：http://localhost:8080）

參數(shù)2：timeout，超時時長（默認(rèn)1000，1秒，當(dāng)超過1秒就會報401）

使用方法：

在vue3.0+項目中安裝axios：

npm add axioa

并發(fā)請求：同時發(fā)送多個請求，并統(tǒng)一處理返回值。

axios并發(fā)請求涉及到兩個方法

all（）：參數(shù)為一個數(shù)組，數(shù)組的對象為一個一個的axios請求。

spread（）：它是在請求完成后，對多個請求返回的數(shù)據(jù)進(jìn)行分割處理。

axios發(fā)送請求和axios并發(fā)請求的回調(diào)函數(shù)使用是不同的，如下圖

樣例：

axios請求方法及別名（delete）

當(dāng)傳參時，參數(shù)拼接在url后面：

當(dāng)傳參時，參數(shù)放置在請求體中：

axios請求方法和別名（post請求和put請求）

post請求傳參的數(shù)據(jù)格式：

1、form-data（表單提交，文件上傳、圖片上傳）

2、application/json

appcalition/json樣例，如圖

formdata樣例，如圖

put請求和patch請求和post請求類似都有form-data和application/json這兩種數(shù)據(jù)內(nèi)容類型。

axios請求方法及別名

類別：get、post、put、patch、delete

get請求：第一種相當(dāng)于別名方式，第二種通過配置方式。

get請求帶參數(shù)方式

路由引入組件兩種方式區(qū)別：

第一種無論是否通過路由去訪問該組件都會加載該組件。

第二種只有當(dāng)通過路由去訪問該組件時才回去加載該組件（可以理解為懶加載或者異步加載）。

如下圖，它是vue的socket通信，表示熱更新，也就是代碼編輯完成之后，頁面會自動更新

Status Code：304，表示重定向，正常訪問一個接口時，返回的是200，如果第二次訪問接口時，數(shù)據(jù)沒有變化，那么瀏覽器就會自動識別返回狀態(tài)304，相當(dāng)于沒有更改，這樣加載會更快。

1、vue命令

vue卸載命令：npm uninstall -g vue-cli（vue-cli 2的卸載命令）

vue版本命令：vue -V

vue安裝命令：npm install -g @vue/cli(vue-cli 3的安裝命令）

vue創(chuàng)建工程化項目命令：vue create?工程名

vue安裝axios命令：npm add axios

2、axios基本使用

Axios介紹：是一個基于promise的HTTP庫（類似于jquery的ajax），用于發(fā)送請求。既可以用于瀏覽器（客戶端）也可以用于node.js編寫的服務(wù)端。

Axios特性：

1、支持Promise API

2、攔截請求和響應(yīng)（請求前和響應(yīng)前執(zhí)行一些操作，比如請求前在請求header中添加一些信息，例如授權(quán)信息等）

3、轉(zhuǎn)換請求數(shù)據(jù)和響應(yīng)數(shù)據(jù)（比如請求時候一些比較敏感的信息需要加密，數(shù)據(jù)回來的時候進(jìn)行解密）

4、取消請求

5、自動轉(zhuǎn)換JSON數(shù)據(jù)（相當(dāng)于自動的調(diào)用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:獲取數(shù)據(jù)

post:提交數(shù)據(jù)（表單提交+文件上傳）

put：更新數(shù)據(jù)（所有數(shù)據(jù)推送到后端）

patch:更新數(shù)據(jù)（只將修改的數(shù)據(jù)推送）

detele:刪除數(shù)據(jù)