springboot + vue_springboot整合vue前后分离入门教程（干货）

这次整合了springboot+vue的登陆注册，实现了前后分离，可以作为入门的基础，重要的部分我都红框画出来，基本的代码都有了，如果没有安装vue的可以看下我上一篇文字vue的安装和基本语法。

前端 visual studio code

后端：ideal

Vue:

vue init webpack 包名

安装axios在项目中

在main.js配置内容

import axios from 'axios'

Vue.prototype.$axios = axios

文件目录：

Components包下创建三个文件(页面显示)：

1.Login.vue

2. success.vue

3. error.vue

配置路由(router的index.js)：

前后分离：在前端做代理：

在config/index.js中加入

前端结束

=============================================================================

后端：

创建model层;

创建Result封装返回code:

创建dao层;

Xml：

创建service：

创建impl层;

创建controller:

application.properties:

后端结束:

==================================================================================

数据库：

启动visual studio code: http://localhost:8080

启动后台

登陆页面：

正确登录跳转:

账号密码错误：

====================================================

记录学习，每天进步一点点的橘子大王。