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模块
  • 热门搜索
    羊水多怎么办 正规借条怎么写 印泥干了怎么办 怎么折蝴蝶 龋齿怎么治疗 n95口罩怎么戴 浦发信用卡怎么样 我的世界怎么建房子 我的世界指南针怎么做 怎么发面又松又软