vue 开发：axios前后端数据处理

         这几天学习vue整个人都蒙逼了，下面写一下自己理解的vue与后端怎么进行交互的...

了解axios：

      axios是一个基于promise，为浏览器和node.js设计的Http客户端。具有以下特征：

•         从浏览器中创建XMLHttpRequest
•         从node.js发出http请求
•        支持Promise API
•        拦截请求和响应
•        转换请求和相应数据
•        取消请求
•        自动转换json数据
•        客户端支持防止 CSRF/XSRF

 接下来，如何调用后端接口？

1、安装axios

     npm  install   axios  -S

2、在main.js中引入axios

      import  axios  from  'axios'

      Vue.prototype.$http = axios      #进行http请求

3、vue在配置文件中提供了proxyTable来设置跨域，在config文件夹的index.js文件中

    

4、在main.js中全局默认设置 Global  axios  default

    

5、axios方法封装 （一般会用到get、post、delete、put、catch等）手动建在src文件夹下assets文件夹下的js文件夹中的http.js中

    

6、为了方便和便于整理，将前台需要的接口整理到了一个文件中。手动创建了service文件夹下的getData.js文件

    

就先记下这么多......