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模块
  • 热门搜索
    分数乘法怎么算 苹果手机怎么通话录音 燕窝怎么炖 讳怎么读 红心大战怎么玩 pretty怎么读 为什么会地震 一帆风顺花怎么养 珍珠粉怎么用 螃蟹怎么吃