前端发送请求的常用写法

在springboot+vue的前后端分离开发中，前端会创建一个api文件夹统一处理前端请求的发送。

使用request.js封装axios后的方法，我们只需要返回 url(后台api地址),method(请求类型),params(参数)即可。

请求类型

请求类型一般是get请求与post请求

参数

1.params: data
get请求都用这种方式，post请求也可以使用此方式。
这种方式是将参数添加到url的请求字符串中

2.data
大多数post请求是用这种方式。
该方式是将参数添加到请求体(body)中
其实post请求是否使用params主要看后台接受参数的方式
如果是与传参一致就可以使用params
如果是创建一个类来表示所有参数就不能使用params，如果使用后台会接收不到数据

实例

这里列举我们平时开发用于api请求的js文件作为参考

import request from '@/util/request'
export default{
	getTableInfoList(data) {
		return request({
			url: '/api/getTableInfoList',
			method: 'post'
			data
		})
	},
	getTableDetailInfoList(data) {
		return request({
			url: '/api/getTableDetailInfoList',
			method: 'post'
			params: data
		})
	},
	getFormInfoList(data) {
		return request({
			url: '/api/getFormInfoList',
			method: 'get'
			params: data
		})
	}
}