axios的GET和POST数据请求

axios

1. 第三方封装库
2. https://www.npmjs.com/package/axios
3. 特点

• 1. 它在浏览器中创建的是浏览器对象
• 2. 它底层是用Node.js中的http模块实现的
• 3. 支持Promise
• 4. 可以拦截请求和响应
  • 功能： loading加载效果、登录拦截
• 5. 转换请求和响应数据
• 6. 自动转换为JSON数据
• 7. 客户端支持防止XSRF
• 8. axios会自动封装数据

4. 使用
   • Mock模拟数据的请求
     • 要求: 必须和后端沟通好返回数据的字段
     • mock.js生成
       • mock 目录
     • jsonplaceholder
       • 线上的 http://jsonplaceholder.typicode.com/
     • 拷贝线上相似数据
       • copy response
   • 后端接口的请求
     • https://www.showdoc.cc/ 后端渲染模板
     • post请求必须先设置请求头

axios-get请求：

axios.get(url, 配置项).then().catch()

example:

axios.get(`URL`,{
      params: { //get请求携带参数
      a: 1,
      b: 2
    }
  }).then( res => {
    console.log( res )
  }).catch( error => console.log( error ))

axios-post请求：

• 必须先设置请求头

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

axios.post(url,配置).then().catch()

example:

axios.post(`URL`,{
    username: '张三',
    password: '123'
  }).then( res => {
    console.log( res )
  }).catch( err => console.log( err ))