素材巴巴 > 程序开发 >

vue axios springboot前后端分离通信

程序开发 2023-09-04 09:52:16

axios

最近学习全后端分离,通过ajax的封装库时候,发现网上的资料五花八门,并且会有一些form-data,x-www-form-urlencoded等等请求头,现根据自己的实际情况,整理了一下get和post请求,也是新手入门最适合应用的规范,用熟悉了,再去细分请求头

get请求

1:params参数

类似 127.0.0.1:8080/login?username=?&password=?

在这里插入图片描述

在这里插入图片描述

2 url参数

类似 127.0.0.1:8080/params/1

在这里插入图片描述

在这里插入图片描述

get一般不用来传递json字符串一般用post请求

post请求

一 :后台要 key -value 格式

类似 127.0.0.1:8080/login?username=?&password=?

1 一般传对象,但是后台要key-value 的时候,可以用qs处理一下

在这里插入图片描述

在这里插入图片描述

2 直接赋值key =value

在这里插入图片描述

二:后台要json

前后台属性要统一名字,后台要用@RequsetBody注解接受json

在这里插入图片描述
此处的this.lofinForm 是前台自定义的对象,直接放再url后面即可

在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。