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安装(运行时依赖)

  1. npm install axios --save
  1. "httpbin.org/"测试网站

服务器地址

http://localhost:3000/api/getnewslist

3.使用步骤

要使用axios发送请求,大致步骤如下:
1.要开启后台服务器代码,后台的node窗口不能关闭
2.引入a’xio’s文件
3.发送请求
1.get请求
2.post请求

4.axios配置

在使用axios的时候需要进行配置
1.配置所有请求的根路径

  1. axios.defaults.baseURL = 'http://localhost:3000/';

2.配置post请求的content-type

  1. axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

3.请求的时候自动携带cookie

  1. axios.defaults.withCredentials = true;

5.get请求

  1. axios.get('/api/getnewslist', {
  2. //params里面放的是参数
  3. params: {}
  4. }).then((res) => {
  5. console.log(res)
  6. }).catch(function(error){
  7. console.log(error)
  8. })

6.post请求

  1. axios.post('api/news/new', {
  2. //这里传递的是需要传递到后台的数据
  3. name: '李宁',
  4. id: '1001'
  5. })
  6. .then(function (response) {
  7. console.log(response.data);
  8. })
  9. .catch(function (error) {
  10. console.log(error);
  11. });