如何将表单数据提交到Vuejs的Spring Boot

Question

我想要求在Vue提交表单数据到Spring Boot。

对此有什么建议吗？

我在下面写下我的项目树。

.mvn

.vscode

前端- Vue项目

src - Spring Boot源

目标

.gitignore

..。

在Register.vue文件中提交用户数据..

<template>
    <div id="register-app">
        <b-form @submit="onSubmit" id="register-form">
            <b-form-group 
                id="register-email"
                label="email"
                label-for="email"
            >
                <b-form-input type="email" id="email" placeholder="email"></b-form-input>
            </b-form-group>

            <b-form-group
                id="register-password"
                label="password"
                label-for="password"
            >
                <b-form-input type="password" id="password" placeholder="password"></b-form-input>
            </b-form-group>

            <b-form-group
                id="register-name"
                label="name"
                label-for="name"
            >
                <b-form-input type="text" id="name" placeholder="name"></b-form-input>
            </b-form-group>

            <b-form-group
                id="register-corporation"
                label="corporation"
                label-for="corporation"
            >
                <b-form-input type="text" id="corporation" placeholder="corporation"></b-form-input>
            </b-form-group>

            <b-form-group  id="register-button-group">
                <b-button type="submit" id="register" variant="primary">register</b-button>
                <b-button type="reset" id="reset" variant="danger">reset</b-button>
            </b-form-group>
        </b-form>
    </div>
</template>

Answer 1

我已经编写了一个Vue 2 CLI应用程序，它连接到我也编写的Spring Boot REST API。下面是一个指向其中一个.vue文件的链接，该文件向API提交一个表单。CustomerCreateOrEdit.vue