前后端分离项目的写法

前后端分离项目的写法

以用户视角，按照数据流的方向，从url出发，一步步解释前后端分离项目的编写步骤

后端Srping Boot写法

• 承接前端的请求

# 新建pojo包
# 新建User类

• 处理前端请求

# 新建Controller

• 返回处理结果

# 新建result包
# 新建Result类

前端Vue写法

• 新建路由

# 在src/router/index.js添加路由，将http://1.2.3.4:8080/#/login引到Login.vue

• 编写页面

# 编写Login.vue页面
# 通过axios发给后端
# 处理后端的返回结果
# 引导到新的主页面

• 编写主页面

# 编写AppIndex.vue

• 补充配置axios

# 在src/main.js中添加axios配置

• 补充配置前后端的跨域访问

# 在config/index.js中，添加proxyTable