-
創(chuàng)建項(xiàng)目
vue create 項(xiàng)目名
查看全部 -
卸載vue-cli 2的命令
npm uninstall -g vue-cli
查看全部 -
vue-cli 3.0安裝命令
npm install -g @vue/cli
查看全部 -
Axios用法：
基礎(chǔ)用法（get，post，put等請(qǐng)求方法）
進(jìn)階用法（實(shí)例，配置，攔截器，取消請(qǐng)求等）
進(jìn)一步封裝，在項(xiàng)目中的實(shí)際應(yīng)用
查看全部 -
Axios瀏覽器支持情況
查看全部 -
Axios有哪些特性
查看全部 -
在實(shí)例上添加請(qǐng)求攔截器，而不在axios上直接添加，是為了避免污染全局，并且多個(gè)實(shí)例可以滿足不同的情景下的請(qǐng)求：如需判斷用戶登錄狀態(tài)的接口請(qǐng)求，與 不需要判斷登錄狀態(tài)就可以直接請(qǐng)求的接口查看全部
-
axios并發(fā)請(qǐng)求查看全部
-
axios請(qǐng)求方法區(qū)別
查看全部 -
axios特性
查看全部 -
//post的2種方法 以及 2種提交方式?
// 一、form-data 表單提交 （圖片上傳，文件上傳）?
// 二、applicition/json?
let data = {? id:12 }?
axios.post('/post',data).then(res=>{? ?
????console.log(res)?
})
let formData = new FormData()
for (const key in data) { ??
?????formData.append(key,data[key]);
?}?
axios({ ??
?????method:"post", ??
?????url:"/post", ??
?????data:formData
?}).then(res=>{ ??
?????console.log(res)
?})
查看全部 -
//## 注冊(cè)攔截器
// 請(qǐng)求攔截器
axios.interceptors.request.user(
config => {
// 在發(fā)送前做些什么
return config
}, err => {
// 在請(qǐng)求錯(cuò)誤時(shí)做些什么
return Promise.reject(err)
}
)
?
// 響應(yīng)攔截器
axios.interceptors.response.use(
res => {
// 請(qǐng)求成功對(duì)響應(yīng)數(shù)據(jù)處理
return res
}, err => {
// 響應(yīng)錯(cuò)誤做些什么
return Promise.reject(err)
}
)
?
?
let interceptors = axios.interceptors.reqeuset.use(
config => {
config.header = {auth: true}
}
return config
)
?
// ## 注銷攔截器
axios.interceptors.reqeust.eject(interceptors)
查看全部 -
axios基本的配置參數(shù)
?
baseURL
請(qǐng)求的域名，基本地址
timeout
1000
請(qǐng)求超時(shí)時(shí)間（ms）
url
/data.json
請(qǐng)求路徑
method
get,post,put, patch, delete
請(qǐng)求方法
headers
{token: "xxxxx"}
設(shè)置請(qǐng)求頭
params
{}
請(qǐng)求參數(shù)拼接在URL上
data
{}
請(qǐng)求參數(shù)放在請(qǐng)求體里
?
axios.get("url", config).then(res => {console.log(res)})
?
?
參數(shù)配置位置：
1. axios全局配置
axios.defaults.timeout = 1000
axios.defaults.baseURL = "http://localhost:8080"
2. axios實(shí)例配置
let instance = axios.create()
instance.defaults.timeout = 3000
3. axios請(qǐng)求配置
instance.get("/data.json", {timeout: 6000})
?
優(yōu)先級(jí)： 請(qǐng)求配置 > 實(shí)例配置 > 全局配置
查看全部 -
創(chuàng)建axios實(shí)例：
可以定義不同的超時(shí)策略，不同的baseURL
let?instance?=?axios.create( ????baseURL?:?"http://localhost:8080", ????timeout:?1000 ) instance.get('/data.json').then(res?=>?console.log(res))查看全部 -
<!--?瀏覽器請(qǐng)求順序等于代碼定義的順序?--> axios.all?( ????axios.get('/data.json'), ????axios.get('/city.json') )查看全部
舉報(bào)