【Vue】Vue对接SpringBoot接口完整代码

在Vue中调用SpringBoot接口需要先建立Vue项目，并添加axios库用于发起请求。然后在Vue中编写前端页面，调用SpringBoot接口。

以下是一个示例代码，前端页面需要调用后端接口，实现通过Vue显示SpringBoot后端数据。

在Vue中安装axios库:

npm install axios --save

Vue中编写前端页面代码:

在SpringBoot中编写接口代码：

@RestController
@RequestMapping("/api")
public class EmployeeController {
  @Autowired
  private EmployeeRepository employeeRepository;

  @GetMapping("/employees")
  public List getAllEmployees() {
    return employeeRepository.findAll();
  }
}

在SpringBoot中添加依赖库：

xml

  org.springframework.boot
  spring-boot-starter-data-jpa

这就是一个简单的Vue对接SpringBoot接口的完整代码。