vue+axios+springboot前后端分离通信

axios

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

get请求

1:params参数

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

vue+axios+springboot前后端分离通信_第1张图片

在这里插入图片描述

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处理一下

vue+axios+springboot前后端分离通信_第2张图片

在这里插入图片描述

2 直接赋值key =value

在这里插入图片描述

二:后台要json

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

vue+axios+springboot前后端分离通信_第3张图片
此处的this.lofinForm 是前台自定义的对象,直接放再url后面即可

vue+axios+springboot前后端分离通信_第4张图片

你可能感兴趣的:(web开发,vue.js,ajax,spring,boot,java)