vue 连接后台

在 index.js 中可以配置后台的地址；代理的方式；

　这个文件在 config 中

　　

  proxyTable: {

      // 连接后台

      '/api':{

        target:"http://new.windhouse.com",     //后台地址

        changeOrigin:true,                              //跨域代理

        pathRewrite: {

           '^/api':""                                         //路径重写

    },

然后 安装 axios 依赖

npm install axios

我是在main.js 里面定义了axios

//main.js

    import axios from 'axios'

    Vue.prototype.$http = axios

//在其他组件中使用

this.http.post()

之后就使用 axios的方式对接上后台的api就可以了

 this.$http.post('/api',

              qs.stringify({

                 'phone':this.fromlist.phone,

                 'password':this.fromlist.password

              })

           )

           .then(this.PostFrommsg)

           .catch((err)=>{console.log(err)})

//这里只是我习惯把成功函数写在别的函数里面

PostFrommsg (res){

    console.log(res)

}

上面使用到的   “  qs   ” ，是使用了另外一个依赖

因为 ajax 跟 axios  的传值方式有些不一样所以需要转换一下

安装调用一下就可以了

npm install qs

//然后在项目里面使用就可以了

import qs from 'qs'

qs.stringify({  XXX   }）