-
創建項目
vue create 項目名
查看全部 -
卸載vue-cli 2的命令
npm uninstall -g vue-cli
查看全部 -
vue-cli 3.0安裝命令
npm install -g @vue/cli
查看全部 -
Axios用法：
基礎用法（get，post，put等請求方法）
進階用法（實例，配置，攔截器，取消請求等）
進一步封裝，在項目中的實際應用
查看全部 -
Axios瀏覽器支持情況
查看全部 -
Axios有哪些特性
查看全部 -
在實例上添加請求攔截器，而不在axios上直接添加，是為了避免污染全局，并且多個實例可以滿足不同的情景下的請求：如需判斷用戶登錄狀態的接口請求，與 不需要判斷登錄狀態就可以直接請求的接口查看全部
-
axios并發請求查看全部
-
axios請求方法區別
查看全部 -
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)
?})
查看全部 -
//## 注冊攔截器
// 請求攔截器
axios.interceptors.request.user(
config => {
// 在發送前做些什么
return config
}, err => {
// 在請求錯誤時做些什么
return Promise.reject(err)
}
)
?
// 響應攔截器
axios.interceptors.response.use(
res => {
// 請求成功對響應數據處理
return res
}, err => {
// 響應錯誤做些什么
return Promise.reject(err)
}
)
?
?
let interceptors = axios.interceptors.reqeuset.use(
config => {
config.header = {auth: true}
}
return config
)
?
// ## 注銷攔截器
axios.interceptors.reqeust.eject(interceptors)
查看全部 -
axios基本的配置參數
?
baseURL
請求的域名，基本地址
timeout
1000
請求超時時間（ms）
url
/data.json
請求路徑
method
get,post,put, patch, delete
請求方法
headers
{token: "xxxxx"}
設置請求頭
params
{}
請求參數拼接在URL上
data
{}
請求參數放在請求體里
?
axios.get("url", config).then(res => {console.log(res)})
?
?
參數配置位置：
1. axios全局配置
axios.defaults.timeout = 1000
axios.defaults.baseURL = "http://localhost:8080"
2. axios實例配置
let instance = axios.create()
instance.defaults.timeout = 3000
3. axios請求配置
instance.get("/data.json", {timeout: 6000})
?
優先級： 請求配置 > 實例配置 > 全局配置
查看全部 -
創建axios實例：
可以定義不同的超時策略，不同的baseURL
let?instance?=?axios.create( ????baseURL?:?"http://localhost:8080", ????timeout:?1000 ) instance.get('/data.json').then(res?=>?console.log(res))查看全部 -
<!--?瀏覽器請求順序等于代碼定義的順序?--> axios.all?( ????axios.get('/data.json'), ????axios.get('/city.json') )查看全部
舉報