springboot和vue的整合(传递数据)

1.创建springboot项目,确保项目能正常运行

springboot和vue的整合(传递数据)_第1张图片

2.创建vue项目,创建一个组件用于测试,还有一个路由,由于接口的跳转

springboot和vue的整合(传递数据)_第2张图片
springboot和vue的整合(传递数据)_第3张图片

3.浏览器测试

springboot和vue的整合(传递数据)_第4张图片
测试发现,后端的数据在前端可以获得。

注意:

  • axios这个包要先导进来,不然找不到接口;

    npm install axios
    
  • 要开启跨域注解 @CrossOrigin //解除跨域问题;

你可能感兴趣的:(vue,vue.js,java,spring,boot,vue)