vue数据请求---(axios)

13 篇文章 0 订阅

一、配置

import Axios from "axios";
Axios.get("/getuser")   ||.post("/gettable")
      .then((res) => {
        console.log(res.data.result);
      })
      .catch((error) => {
        console.log(error);
      })
      .finally(() => {
        console.log("最后执行操作");
      });

二、注意点
写ECMAScript 2015 + ,async可以写的 ,只不过编译async await 报错。
需要将es6转换为es5。

"babel-plugin-transform-runtime": "^6.23.0","babel-polyfill": "^6.26.0",

去babel文件配置插件名称,配置完成之后重启项目。

async 函数 异步

async function getaxios() {
      // async  可以写多个异步等待
      try {
        let user = await Axios.get("/getuser");
        return user;
      }
      catch(e)
      {
          throw e;
      }
      finally {
          
      }
    }
    getaxios()
      .then(res => {
        console.log(res.data.result);
      })
      .catch(err => {
        console.log(err);
      })
      .finally(() => {
        console.log("最终执行");
      });    

全局请求数据,需在main.js配置 Vue.prototype.$axios=Axios;

// 在mainjs里面配置 axios  全局引入
      this.$axios.get("/getuser").then((res)=>{
        console.log(res.data.result);
      }).catch((err)=>{
        console.log(err);
      });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值