前后端分离项目的写法

qcmr

于 2022-08-23 06:36:39 发布

阅读量392

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/ccjcjc/article/details/126476863

本文详细阐述了前后端分离项目中，从用户访问URL开始，经过SpringBoot处理后端请求、创建User对象，再到Vue前端路由导航、数据交互、结果返回及处理，以及配置axios和跨域访问的全过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

# 新建pojo包
# 新建User类

# 新建Controller

# 新建result包
# 新建Result类

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

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

# 编写AppIndex.vue

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

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