fastapi+vue前后端分离之前后端联调04-六虎

继续创作，加快成长！这是我参加「日新方案 6 月更文应战」的第27天，点击检查活动详情

咱们好~我是小方，欢迎咱们关注笋货测验笔记体完记住俾个like呀

前后端联调

首要咱们先来装置axios、vue-axios，在package.json添加这两个，添加完之后记住执行 npm install

然后在mian.js引进axios、vue-axios，这里为什么要结合vue-axios来运用axios呢？因为axios并没有install办法，所以是不能直接运用vue.use()办法的，只能在每个需要发送恳求的组件中即时引进，为了处理这个苦恼，需要结合vue-axios运用，经过全局办法 Vue.use() 运用插件，就相当于调用install办法。

回想一下，咱们是把表单填充完之后，点击导出按钮，触发恳求后端api，那咱们意味着在导出按钮的点击事件中触发恳求导出接口即可

submitForm(formName) {
      this.$refs[formName].validate((valid) => {
        if (valid) {
          this.$http.post('/rap2/export',this.form).then(res=>{
              if (res.data.code===0){
                window.open(res.data.data)
                this.$message.success('导出成功')
              }else {
                this.$message.error(res.data.data)
              }
          })
        } else {
          return false;
        }
      });
    },