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

版权声明:本文为qq_53943932原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。