Vue + Spring Boot 项目实战（学习笔记03）

Vue + Spring Boot 项目实战（三）：前后端结合测试（登录页面开发）_Evan 的博客-CSDN博客_vue.js前端开发实战前言：关于开发环境Vue + Spring Boot 项目实战（三）：前后端结合测试（登录页面开发）_Evan 的博客-CSDN博客_vue.js前端开发实战

一、后端项目创建

idea创建springboot 不多说了

二、登录页面开发

1.关于前后端结合

正向代理 和 反向代理。

   ​​​​​​​正向代理与反向代理的理解以及区别_战国_-CSDN博客_正向代理

这篇写的不错

我的理解：这个项目用的就是反向代理

反向代理服务器：8080        

真正的服务器：8443

2.前端页面开发

Login.vue

还没学这东西

AppIndex.vue

3.前端相关配置

设置反向代理

修改 src\main.js 代码如下：

配置页面路由

 

 

跨域支持

 

运行项目

4.后端开发

User 类

Result 类

LoginController

最后，在 src\main\resources 文件夹下找到 application.properties 文件配置端口，即加上 server.port=8443（初始应该是空白的，后期还要配置数据库等）

5.测试项目

同时运行前端和后端项目，访问 localhost:8080/#/login，输入用户名 admin，密码 123456