Axios的简易使用

 Axios

Axios 对原生的Ajax进行了封装，简化书写，快速开发。

Axios使用步骤

• 引入Axios的js文件（参照官网）
• 使用Axios发送请求，并获取相应结果

<!-- 引入js文件 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script>
        发送请求
        axios({
            method:'get',
            url:'http://localhost:8080/article/getAll',
          
         }).then(result=>{
             //成功的回调
             //result代表服务器相应的所有数据，包括响应头，响应体，result，database，代表的是接口响应的核心数据
             console.log(result.data);
         }).catch(err=>{
             //失败的回调
             console.log(err);

为了便于使用 Axios提供了简易的使用方法

Axios-请求方式别名

axios.请求方式(url [, data [, config]])

不含参：

axios.get('http://localhost:8080/article/getAll').then(result => {
            //成功的回调
            //result代表服务器相应的所有数据，包括响应头，响应体，result，database，代表的是接口响应的核心数据
            console.log(result.data);
        }).catch(err => {
            //失败的回调
            console.log(err);
        }); 

含参：

axios.post('http://localhost:8080/article/add',article).then(result=>{
            //成功的回调
            //result代表服务器相应的所有数据，包括响应头，响应体，result，database，代表的是接口响应的核心数据
            console.log(result.data);
        }).catch(err=>{
            //失败的回调
            console.log(err);
        })

简易的axios使用教程完毕，后文我们便整站使用Vue，结合Axios开始前后端交互