springBoot和Vue前后端分离demo

本文主要记录了一个SpringBoot后端与Vue前端分离的项目中,关于跨域配置和使用Element组件特别是表格控件时遇到的问题及解决方案。在后端,通过/api/前缀统一处理跨域;在前端,使用vue-cli3.x搭建环境,通过vue.config.js解决跨域问题;在使用Element组件时,尤其在表格数据展示上,遇到了数据绑定的调整。
摘要由CSDN通过智能技术生成
后端不过多赘述,主要记录跨域和使用vue-cli时出现的各种问题

在这里插入图片描述
UserController.java
统一使用/api/…方便前端进行跨域处理

@RestController
@RequestMapping(produces = "application/json; charset=utf-8")
public class UserController {
   
    @Autowired
    private UserService userService;

    @ApiOperation("查找所有用户")
    //GetMapping为具体路径
    @GetMapping("/api/getAllUsers")
    public Msg getUserAll(){
   
        List<User> u = userService.findAllUser();
        return Msg.success().add("Class",u);
    }

    @ApiOperation("更新用户")
    @GetMapping("/api/updateUser")
    public Msg updateUser(User user){
   
        userService.updateUser(user);
       // Gson gson = new Gson();
      //  System.out.println("book-->"+gson.toJson(user));
        return Msg.success();
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
回答: 你可以使用SpringBootVue实现前后端分离的文件上传和回显。首先,你可以创建一个简单的demo来处理小文件的上传。你可以在SpringBoot中创建一个上传控制器来处理文件上传的流程,并在Vue中创建一个上传文件的页面。你可以使用一些组件来帮助你实现文件上传功能。\[1\]在上传控制器中,你可以编写代码来处理文件上传的流程,并导入相应的maven依赖。\[3\]在Vue的上传文件页面中,你可以使用示例代码来实现文件上传功能。\[2\]当你完成了上传功能后,你可以通过回显来展示上传的文件。你可以在Vue中编写代码来显示上传的文件,并在SpringBoot中编写相应的代码来处理回显的逻辑。这样,你就可以实现SpringBootVue前后端分离的文件上传和回显功能了。 #### 引用[.reference_title] - *1* *2* [Vue+SpringBoot实现前后端分离的文件上传](https://blog.csdn.net/oppo5630/article/details/79318715)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [SpringBoot+Vue+ElementUI实现前后端分离上传文件](https://blog.csdn.net/qq_36657751/article/details/110957359)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值