vue如何从后端获取json格式数据

 时间:2024-10-20 16:29:08

1、首先,我们在vue项目中引入vue和axios,并将axios注册到全局变量中,使用prototype。

vue如何从后端获取json格式数据

2、然后,我们在页面使用axios.post方法请求后端数据,如何请求参数是以json格式传递的,如下

vue如何从后端获取json格式数据

3、如果请求参数中不是以json格式传递的,是拼接到url后面使用&key=value的方式,需要用到qs(需要在main.js中注册)

vue如何从后端获取json格式数据

4、然后我们使用springboot完成后台接口开发,在controller中添加注解@RestController = Controller + RequesetBody,这样就能返回json格式的数据

vue如何从后端获取json格式数据

5、在controller添加对应的方法,添加@RequestMapping,返回相应的结果即可

vue如何从后端获取json格式数据

6、然后我们使用浏览器的F12功能看下请求及返回参数,发现返回结果是json格式的,这样前台就能获取到json格式了。

vue如何从后端获取json格式数据
  • 软件测试中的回归测试的风险
  • Windows的cmd中cd指令无法转换路径怎么办?
  • 发送消息-点击按钮
  • 用cmd运行java程序,出现“找不到文件”提示
  • 如何卸载python的scipy模块
  • 热门搜索
    五谷中的菽是指什么 学什么技术有前途 幼儿园消防知识 有氧运动无氧运动 甜角的功效与作用 断路器的作用 步兵骑兵什么意思 怀孕应该注意什么 桂圆核的功效与作用 wed什么意思