-
创建项目
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') )查看全部
举报