前端的数据好像没有传到后端去,后端接口测试正确,怎么解决啊,实在看不懂
```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 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>
```
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)
}
})
500 相关的就是服务端的问题
参数传得是不是有问题。
它是query param,你传的可能是payload
最常用的是关系型数据库:如MySQL和PostgreSQL。
非关系型数据库:基于JSON 的MongoDB,基于LSM tree的LevelDB。
后端工程师为使后端的性能,比如响应时间,尽量少被数据库拖后腿: