vue-cli与后台数据交互增删改查

1. 安装vue-resource 

npm install vue-resource --save

2.访问后台地址，在vue中会出现跨域的问题，以下为解决方案

　　在config下的index.js 中配置proxyTable代理设置

proxyTable: {
        '/api':{
            target:'http://19******:8080',
            changeOrigin:true,//允许跨域
            pathRewrite:{
                '/api':'/'
            }
        }
    },

3.地址配置完了，就可以开始访问后台，获取数据了
　我用的是vue-resource,有多种方式 get，post，json,jsonp，具体使用方法，可以查看官网

this.$http.get('url').then(response => { 
        console.log(response.body); 
      }, response => { 
        console.log(response); 
  });

this.$http.post(('url'),data ,{emulateJSON:false}).then(response => { 
       console.log(response.body); 
      }, response => { 
       console.log(response); 
  });