vue调用后端接口

最新推荐文章于 2024-01-25 14:13:49 发布

乖乖的谋谋

最新推荐文章于 2024-01-25 14:13:49 发布

阅读量1.7w

点赞数 7

分类专栏：笔记 vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_53943932/article/details/124035023

版权

笔记同时被 2 个专栏收录

4 篇文章 2 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

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