问Axios Vue应用程序仅发送请求网络错误

EN

<form action="url" method="POST"> 

// const express = require("express");
"use strict";

import express from "express";
const app = express();
import cors from "cors";

//listening on this port
app.listen(3000);

app.use(cors()); // to get Data from Other Domains

app.get("/", function (req, res) {
  res.send("Application Started");
  console.log("Application Started");
});

//Routes
app.use("/product", require("./routes/product"));

import express from "express";
const router = express.Router();
import bodyParser from "body-parser";

//Middleware
router.use(bodyParser.urlencoded({ extended: true })); // To Parse the body data

//Importing Main Controller
import conProduct from "../controllers/ConProduct";

//Defining functions as per Routes
router.post("/add", conProduct.add); //Showing all the products
router.get("/get", conProduct.get); //Showing all the products

//Exporting Router
module.exports = router;

import sqlConfig from "../database/dbConfig";
let sql = sqlConfig.mysql_pool;

exports.add = (req, res) => {
  console.log(req.body);
  const { name, shortDescription, price, discount } = req.body;

  let addQuery =
    "INSERT INTO products(name,short_description,price,discount) VALUES('" +
    name +
    "','" +
    shortDescription +
    "','" +
    price +
    "','" +
    discount +
    "');";

  sql.query(addQuery, (err, result) => {
    if (err) throw err;
    console.log(result);
    res.send("product uploaded");
  });
};

let formData = {
        name: this.name,
        shortDescription: this.shortDescription,
        price: this.price,
        discount: this.discount,
      };
      console.log(formData);
      axios
        .post("/product/add", formData)
        .then((res) => console.log(res))
        .catch((error) => console.log(error));