vue调取接口（vue调用后端接口）

1           、在config文件下的index.js文件的proxyTable:{ }中写入

/api: { target: http://localhost:8088/,//此处可以换成自己需要的地址 changeOrigin: true, pathRewrite: { ^/api: / } }

2  
 
  
 
  
 
  
 
  
 
  
 、在main.js中写入 Vue.prototype.HOST = “/api
  
  
  
  
  
  ”

3











、需要调用接口的方法：如login（）方法

this.$axios({

url: this.HOST + ‘调用的接口’,

method: ‘方法：如post
  
  
  
  
  
 、get’,

headers: {

//请求头           ，可以将token放在这里

‘key’:value

},

params: {

//需要传过去的参数

‘key’:value

}

}).then(res => {

//res为后端传回来的数据

})