vue调用后端接口

最新推荐文章于 2024-05-16 10:31:11 发布

不惹小羽

最新推荐文章于 2024-05-16 10:31:11 发布

阅读量4.6k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/dwdqqwd/article/details/127283935

版权

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为后端传回来的数据
})