Axios 的基本使用（233）

axios 是一个基于promise用于浏览器和node.js的HTTP客户端

它具有以下特性：
1.支持浏览器和node.js
2.支持promise
3.能够拦截请求和响应
4.自动转换json数据

GET
1.通过URL传参
2.通过params选项传参

    // GET  传统URL传参  
    axios.get('http://localhost:2021/axios?id=123')
        .then(ret => {
            console.log(ret.data);
            // data属性是固定的，属于axios的API  用来获取后台的响应数据
        });
    // 
    // GET  restful传参  
    axios.get('http://localhost:2021/axiosRestful/123')
        .then(ret => {
            console.log(ret.data);
        });
    // 
    // GET  传统params传参  
    axios.get('http://localhost:2021/axios', {
            params: {
                id: 123
            }
        })
        .then(ret => {
            console.log(ret.data);
        });

DELETE

   
    //DELETE
    axios.delete('http://localhost:2021/axios', {
            params: {
                id: 123
            }
        })
        .then(ret => {
            console.log(ret.data);
        });

   

POST
post传参默认以json格式传参

 // POST传参默认为 json 格式
    // 1.json
    axios.post('http://localhost:2021/axios', {
            name: 'wanghao',
            id: 170508020139
        })
        .then(ret => {
            console.log(ret.data);
        });
    //2.URLSearchParams传参（表单操作）
    const params = new URLSearchParams;
    params.append('name', 'xiaofen');
    params.append('id', '170508020140');
    axios.post('http://localhost:2021/axios', params)
        .then(ret => {
            console.log(ret.data);
        });

    // PUT
    axios.put('http://localhost:2021/axiosPut/123456', {
            name: 'wanghao',
            id: 170508020139
        })
        .then(ret => {
            console.log(ret.data);
        });