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模块
  • 热门搜索
    京东开店有什么要求 信贷专员是做什么的 黄牛象征什么 remove是什么意思 rip什么梗 超级qq会员有什么用 twins是什么意思 多愁善感意思 2.0l是什么意思 rate是什么意思