vue前端 + node接口 + mysql 增删改查

增加某条信息
1.前端
HTML

<el-col :span="6">
    <el-button class="filter-item addBtn" icon="el-icon-plus" @click="addDialogVisible = true">新增</el-button>
</el-col>

<!-- 新增客户对话框 -->
<el-dialog
title="新增客户信息"
:visible.sync="addDialogVisible"
width="40%"
@close="addformClosed">
    <!-- 表单 -->
    <el-form ref="addformRef" :model="addform">
        <el-form-item label="产品名称">
            <el-input v-model="addform.productName"></el-input>
        </el-form-item>
        <el-form-item label="产品型号">
            <el-input v-model="addform.productModel"></el-input>
        </el-form-item>
        <el-form-item label="产品数量">
            <el-input v-model="addform.productNumber"></el-input>
        </el-form-item>
        <el-form-item label="产品价格">
            <el-input v-model="addform.productPrice"></el-input>
        </el-form-item>
    </el-form>
    <el-button @click="addDialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="addProductInfo">确 定</el-button>
</el-dialog>

js部分

// 新增产品信息
addProductInfo() {
   
     let addform = this.addform
     addProduct({
   addform}).then(res => {
   
         if (res.code === 200){
   
             this.$message.success("添加产品成功！")
             this.addDialogVisible = false
             this.getProductList()
         } else{
   
             this.$message.error("添加产品失败！")
         }
     })
},

2. 后端接口

// 新增产品
router.post('/addProduct',async (req, res, next) => {
   
    let {
   addform} = req.body;
    let productName = addform.productName
    let productModel = addform.productModel
    let productNumber = addform.productNumber
    let productPrice = addform.productPrice
    console.log(addform)
    try