kandan_cc 2023-04-20 09:45 采纳率: 88.9%
浏览 41
已结题

前端页面报错,后端没有收到数据,如何解决?

前端的数据好像没有传到后端去,后端接口测试正确,怎么解决啊,实在看不懂


```html

<template>
  <el-row>
    <el-col :span="24" class="bc">
      <div class="bCenter">
        <el-tabs type="border-card" class="nav-bc">
          <el-tab-pane label="添加每日一句">
            <div class="grid-content bg-purple-light">
              <div class="bcc">
                <el-form
                  :label-position="labelPosition"
                  label-width="80px"
                  :model="oneWord"
                >
                  <el-form-item label="作者">
                    <el-input v-model="oneWord.author"></el-input>
                  </el-form-item>
                  <el-form-item label="每日一句" >
                    <el-input v-model="oneWord.content"></el-input>
                  </el-form-item>
                  <el-form-item>
                    <el-button type="primary" @click="submitForm"
                      >确认</el-button
                    ><el-button type="primary" @click="cancel">取消</el-button>
                  </el-form-item>
                </el-form>
              </div>
            </div>
          </el-tab-pane>
        </el-tabs>
      </div>
    </el-col>
  </el-row>
</template>

<script>
export default {
  data() {
    return {
      oneWord: {
        author: "",
        content: "",

      },
       componentName:'addOneword',
      labelPosition: "right",
    };
  },
  methods: {
    cancel(){
      this.$emit('addone2',this.componentName)
    },
    submitForm(){
      var bj={
        operate:"add",
        oneWordinfo:{}=this.oneWord}
     // console.log(sbj)
      var dbj=JSON.stringify(bj)
      //console.log(dbj)
      this.$http.post('/ky/user/addoneword',dbj).then(result => {
                console.log(result.body)
                if(result.body.message!=null){
                   this.$message.success(result.body.message)
                }
            })
    }
  },
};
</script>


<style>
.bc {
  line-height: 40px;
  text-align: left;
  padding-left: 50px;
  padding-right: 50px;
}

.bcc {
  margin-left: 250px;
  margin-top: 30px;
  width: 500px;
}

.nav-bc {
  background-color: #eeeeee;
}
</style>

img

img

```

  • 写回答

4条回答 默认 最新

  • 乘风xs 2023-04-20 10:18
    关注

    500是因为请求传到了后端,但是后端程序运行出了异常。
    从postman的结果来看,后端程序是想要从你请求query中获取参数,而你在使用这个接口的时候,将参数放入了请求体(body)中,并且你的参数中还多了个operation(当然。这个如果后端做的好,忽略了也没问题)。所以后端处理异常。
    修改建议:

    this.$http.post(`/ky/user/addoneword?author=${this.oneWord.author}&content=${this.oneWord.content}`).then(result => {
                    console.log(result.body)
                    if(result.body.message!=null){
                       this.$message.success(result.body.message)
                    }
                })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 4月28日
  • 已采纳回答 4月20日
  • 创建了问题 4月20日

悬赏问题

  • ¥15 如何删除这个虚拟音频
  • ¥50 hyper默认的default switch
  • ¥15 网站打不开,提示502 Bad Gateway
  • ¥20 基于MATLAB的绝热压缩空气储能系统代码咨询
  • ¥15 R语言建立随机森林模型出现的问题
  • ¥15 中级微观经济学,生产可能性边界问题
  • ¥15 TCP传输时不同网卡传输用时差异过大
  • ¥15 请各位看看我写的属于什么算法,或者有更正确的写法?
  • ¥15 html5 qrcode 扫描器
  • ¥15 爬取网页信息并保存需要完整代码