1.优点
1.在浏览器中发送xmlhttprequests请求 2.在node.js中发送http请求 3.支持Promise API 4.拦截请求和响应 5.转换请求和响应数据
2.基本使用
1.请求方式,支持多种请求方式
axios(config) axios.request(config) axios.get(url[,config]) axios.delete(url[,config]) axios.head(url[,config]) axios.post(url,[data[,config]]) axios.put(url,[data[,config]]) axios.patch(url,[data[,config]])
2安装(运行时依赖)
npm install axios --save
"httpbin.org/"测试网站
服务器地址
http://localhost:3000/api/getnewslist
3.使用步骤
要使用axios发送请求,大致步骤如下:
1.要开启后台服务器代码,后台的node窗口不能关闭
2.引入a’xio’s文件
3.发送请求
1.get请求
2.post请求
4.axios配置
在使用axios的时候需要进行配置
1.配置所有请求的根路径
axios.defaults.baseURL = 'http://localhost:3000/';
2.配置post请求的content-type
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
3.请求的时候自动携带cookie
axios.defaults.withCredentials = true;
5.get请求
axios.get('/api/getnewslist', {
//params里面放的是参数
params: {}
}).then((res) => {
console.log(res)
}).catch(function(error){
console.log(error)
})
6.post请求
axios.post('api/news/new', {
//这里传递的是需要传递到后台的数据
name: '李宁',
id: '1001'
})
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});