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   }）

 

转载于:https://www.cnblogs.com/mxdmg/p/10150882.html