如何使用axios将vue中的表单数据作为json发送到变量？

Question

现在我有方法：

      let newFormData = {
        productName: this.productName,
        productModel: this.productModel,
        prodDescription: this.prodDescription,
        prodPrice: this.prodPrice,
        promoPrice: this.promoPrice
      };
      console.log(newFormData);
      e.target.reset();
    },

我想将此表单数据发送到文件，并将其保存为 json 中的变量

Answer 1

首先你应该有一个提交表单数据的路由，然后你可以像这样提交表单：

axios.post('http://localhost:3030/api/new/post', 
    this.productName,
    this.productModel,
    this.prodDescription,
    this.prodPrice,
    { headers: {
      'Content-type': 'application/x-www-form-urlencoded',
      }
    }).then(response => ....);